Multiselect Dropdown Field

[LCSKMiller]

We've found a few posts about creating a multi-select dropdown field option, but no solution specific to HubSpot (see below for past posts with examples).

Has anyone been able to update the CSS or create a hubl option to solve for a multiselect dropdown? For example, this would change multi-select fields from a long list on the page to a single dropdown field to save space.

Thanks!

• https://community.hubspot.com/t5/HubSpot-Ideas/Multiselect-dropdown-on-forms/idi-p/289991
• https://community.hubspot.com/t5/HubSpot-Ideas/Please-Add-Multiselect-Dropdowns-to-Forms/idi-p/29032...
• https://community.hubspot.com/t5/CRM/custom-properties-multiselect-sub-value-for-dropdown-list/m-p/2...
• https://community.hubspot.com/t5/Lead-Capture-Tools/Dropdown-field-with-multiple-selections/m-p/1935...
• https://community.hubspot.com/t5/CRM/Can-I-select-multiple-properties-from-a-dropdown-list/m-p/14928...
• https://community.hubspot.com/t5/HubSpot-Ideas/Add-multiselect-logic-to-custom-modules/idi-p/295784

[JessicaH]

Hi @LCSKMiller,

Thanks for reaching out.

This article about the different field types might be interesting for you.

Have you tried using the field type "multiple checkboxes".

Multiple checkboxes: stores checkboxes that contain several, usually related options, with a maximum of 1000 options. Each option has a maximum of 3,000 characters, including its label, value, and description. This is an enumeration property.

I hope this helps.

Take care!

Jess

[LCSKMiller]

Hi @JessicaH - we are currently using this field type.

We are looking for code to turn it from a list into a dropdown to save space on the form.

[JessicaH]

Hi @LCSKMiller,

Thanks for clarifying.

At the moment there is no out of the box solution for this from HubSpot's side.

However, I'm going to loop in some of our experts. Maybe they will be able to help you with this.

Hi @Kevin-C @daveroma @dennisedson, do you have any thoughts on this?

Thanks!

Jess

[Kevin-C]

Thanks for the tag @JessicaH and Hey @LCSKMiller 

I believe this could be done by creating a hidden field and using jQuery to populate the multi-select drop down UI. Then have JS fill the hidden field when the multi-select changes. Finally on submit this hidden info will be sent to the DB.

[dennisedson]

@LCSKMiller ,

yeah, reading through the posts you linked above, it seems like you are not wanting to use any js.  Unfortunately, that is the only way you would be able to create this 😞

Please upvote any ideas on it as it will stand out more for the team

[daveroma]

@LCSKMiller @JessicaH if there aren't any options in the marketplace you can get a decently skilled front-end developer to build this module for you. Styling these HTML elements can actually be a little tricky so here's some code I found for you that should get you pretty close to the finish line should you need to go the custom route:

https://codepen.io/cjonasw/pen/nFdvw

[dennisedson]

@Tim_Joyce_Belch this may be up your alley 🙂