I’ve built a form using the new forms editor, and in the form, I ask leads to fill out information that is stored in dropdown properties. For some of the dropdown properties, I have a small list of options.
Ideally, I would love a way to elimiate the “search” option that appears first in the list of options. However, since the search bar is native to the tool, HubSpot support has informed me that this is not currently possible.
100% agree!
Its frustrating when there are 4 options or less, the seach bar gets in the way and forces the user to scroll or seach when it isnt nessesary.
Is there any updates on removing this @hubspot ?
Yes, this is not ideal. Because what is the user supposed to “search” for? I’m already giving the user to select the options on the dropdown. Any updates on this @hubspot
Folks, (I mean the @hubspot decision makers),
This search bar is the worst idea possible for people creating forms for the elderly or intellectually disabled.
PLEASE remove the “search” option. Reformatting all of my forms will cost me more money than I spend on HubSpot to begin with.
REALLY BAD UX
@hubspot You have ignored these comments so far. This is some of the worst UX. We have two options on this form, why would we want a required search bar?
Yes please make the option to deleat the search function available. Does not make sense for 2 options in a dropdown.
Plus, HubSpot does not inform you that they will force this stupid thing into your form, and you cannot change from drop-down to radio, so you are forced to recreate your ENTIRE form from scratch! GET RID OF THIS! (You can clone all your fields and change them to radio during that process which same SOME time)
Wanting to +1 this request. I think it’s great to have as an optional feature; but there are so many small lists where ‘search’ serves as nothing but a distraction.
Please toggle this horrific search option, or only enforce after 10 items in list, etc.
@hubspot isn’t the goal to make forms more user friendly?
Why I don’t want Radio Buttons for short lists:
Sometimes I have 5 properties in a row where users can select one from each property.
Having this is just ugly and not great UX.
There’s a way to fix this if you copy over the developer code rather than the regular embed code when you put the form on your website. Once you do that, you can add CSS styling to remove the search bar by setting the display to “none”. I used “Inspect” on Chrome to figure out what to target. This is what I added:
<style>
[data-hsfc-id=Renderer] .hsfc-DropdownOptions__Search {
display: none !important;
}
</style>
This fixed it for me.
As a work around, you can add a style to the header of the landing page.
Go to settings > Advanced> Head HTML
<style>
/* remove search bar in form*/
.hsfc-DropdownOptions__Search’ {
display: none !important;
}
</style>
I accidentally duplicated this idea elsewhere so sharing a bit of why this matters:
Having a simple on/off control (at the form editor level per property added, NOT for the property globally) for the searchable dropdown behavior would let us keep the power of dropdowns while tailoring the experience to our specific form design.
They now have the search field as a toggle, but unfortunately, it doesn’t work. When turned off, the search field still appears. This does not appear on the phone number though, which it should.
