Autocomplete F7 v2 Custom Dropdown


#1

Buen día,

Primero que nada, gracias por este excelente trabajo.

Es posible crear un Dropdown propio para el control Autocomplete de F7 v2? Mi intención mas que nada es poder alinear el Dropdown con el Input al mostrarse.

Gracias de antemano por su ayuda.

Saludos.!

Captura|690x125


#2

Hola,
si se puede. a vos te interesa renderDropdown function(items)

Render functions
renderDropdown function(items) Function to render autocomplete dropdown, must return dropdown HTML string
renderPage function(items) Function to render autocomplete page, must return page HTML string
renderPopup function(items) Function to render autocomplete popup, must return popup HTML string
renderItem function(item, index) Function to render single autocomplete, must return item HTML string
renderSearchbar function Function to render searchbar, must return searchbar HTML string
renderNavbar function Function to render navbar, must return navbar HTML string

https://framework7.io/docs/autocomplete.html


#3

@pvtallulah gracias por tu respuesta, probare con renderDropdown function(items), buscare algún ejemplo para probarlo.

Saludos!!


#4

Buen día,

Ya he solucionado “Custom Dropdown” con “renderDropdown” pero este quiero posicionarlo en un “Custom id” como puedo hacerlo? ya que al usar “Layout Grid” siempre aparecer el “Custom Dropdown” en la posición “left: 0” de viewport estando ‘inputEl: “#my-autocomplete-id”’ al otro lado de viewport.

Saludos.