Dropdown instead of Checkboxes

(0) Share

Report

Posted on by Community Member

Hi there,

on the contact I have a multiple select field. This field should be on a form but this is only possible with checkboxes. I tried some CSS to convert it to a dropdown list but I didn't got it right. Any ideas how to create a dropdown list instead of a checkbox?

Thank you!

Regards,

Ferdinand

I have the same question (0)

All responses (4)

Answers (1)

Verified answer

cloflyMao 25,210 on at

Like (1)

Report
Hi Ferdinand,

It seems that the multi select dropdown list can be only done with JavaScript:

1. Copy value and text of default multi select checkboxes control.(100000, Select 1; 100001 Select 2 etc.)

2. Create dynamic container, it contains select element with multiple attribute and will generate options based on copied data.

3. Insert the dynamic container after the default multi select checkboxes control.

4. At onChange event of custom multi select element, sync all selected options to the default control.

5. Hide the default control.

I created a demo and it works, please check whether it could work for you.

Steps(All of steps are done in source code of marketing page):

1. Add jQuery library to header.

2. Insert following customization code to page.

3. Add CSS of custom multi select dropdown list.

Test

Regards,

Clofly

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

Hi Clofy,

sorry for the late reply. It worked well! Thank you very much!

Regards

Ferdinand Ganter

Was this reply helpful? Yes No
CU24071320-0 2 on at

Like (0)

Report

Hiya, I can see that the Customisation and CSS code is removed or missing from point 2 and 3. Can this be added please?

Was this reply helpful? Yes No
CU09080330-1 2 on at

Like (0)

Report

oh many thanks cloflyMao, I had the same problem and now it is solved.

retro bowl

Was this reply helpful? Yes No