Autocomplete dropdown

[presupuesto]

Good afternoon, I have a list of drop-down provinces and I need to have an autocomplete, as the user writes the one they are looking for.Example: if you write "ma" you want all the provinces whose name begins with ma to appear (which I have already defined within the dropdown) and select the desired onethank you

 

[trevorsm]

Select the elements 'Details | Data' tab and select 'Auto-complete' in the 'Render as' drop-down.

 

[juuser]

I usually find Chosen (Enhanced) dropdown more user-friendly. You have to enable it in Fabrik global settings.

Enhanced dropdowns have a search field in top of the dropdown options.

 

[presupuesto]

I usually find Chosen (Enhanced) dropdown more user-friendly. You have to enable it in Fabrik global settings.

Enhanced dropdowns have a search field in top of the dropdown options.

thank you. but I changed the design of the dropdown

 

[presupuesto]

What I don't understand is why the design of only the two drop-down menus changes, although I preferred that only the search engine appear.
thank you.

 

[juuser]

From your screenshots I see that both dropdowns visible have enhanced dropdowns enabled.

If some don't, check Fabrik global settings. It has options always, per element and none. Maybe you have "per element" selected and in that case you must enable it e.g. in specific databasejoin element settings.

 

[presupuesto]

From your screenshots I see that both dropdowns visible have enhanced dropdowns enabled.

If some don't, check Fabrik global settings. It has options always, per element and none. Maybe you have "per element" selected and in that case you must enable it e.g. in specific databasejoin element settings.

Good morning, thank you for your help.I think I understand what you are telling me, but what I want is to leave the element design the same, but with the search element incorporated.That is to say, the first image is the design I want but with the incorporated search element the design changes. image 2

 

[juuser]

Ah, ok, I missed your point.

Styling of enhanced dropdowns is just pure css. You can override the css in your form template's custom css file. With the browser inspect tool (right-click on the dropdown element -> inspect) you can see which css-classes / rules you need to override. For testing you can make the changes directly in browser console.