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

All responses (4)

Answers (1)

CU09080330-1 2 on at

Like (0)

Report

Dropdown instead of Checkboxes

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

retro bowl
CU24071320-0 2 on at

Like (0)

Report

Dropdown instead of Checkboxes

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

Like (0)

Report

RE: Dropdown instead of Checkboxes

Hi Clofy,

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

Regards

Ferdinand Ganter
Verified answer

cloflyMao 25,208 on at

Like (1)

Report
RE: Dropdown instead of Checkboxes

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