Hide Select Field Drop Down until 3 Characters are entered in the Search Box
-
I am trying to add CSS to the first select field of my form.
I dont want users to be able to see every single option in the drop down, and only after inputting 3 characters in the search box do I want potential options to start showing.
This is the code I have entered in the appearance configuration section within the Form Editor. However, it does not seem to be working.
.forminator-select-search-container {
display: none;
}
.forminator-select-search-container.active {
display: block;
}
.forminator-select-search-input {
min-length: 3;
}
.forminator-select-dropdown {
display: none;
}
.forminator-select-search-container.active .forminator-select-dropdown {
display: block;
}
/* Hide irrelevant options */
.forminator-select-option:not(.forminator-select-option-search-result) {
display: none;
}The page I need help with: [log in to see the link]
Viewing 2 replies - 1 through 2 (of 2 total)
-
Hello @dreamofalegacy
I hope you are doing well today.
Unfortunately, hiding the options based on the number of entered characters in the search field is impossible using CSS code, you will need to use Javascript code for that, and at this moment Forminator doesn’t have any features that allow you to do that.
I’m afraid this will be outside the scope of support we can provide. For that, you’ll need to hire a developer to provide the required custom code for you. WordPress provides a jobs directory here https://jobs.wordpress.net/, if you need further advice about it, feel free to email
[email protected].Subject: ATTN: WPMU DEV support – wp.org
Kind Regards,
Amin
Viewing 2 replies - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
