Skip to main content

Notifications

Announcements

No record found.

Customer Insights - Journeys forum
Answered

Dropdown instead of Checkboxes

Posted on by Microsoft Employee

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?

pastedimage1611073945452v1.png

Thank you!


Regards,

Ferdinand

  • CU24071320-0 Profile Picture
    CU24071320-0 on at
    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 Profile Picture
    Community Member Microsoft Employee on at
    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 Profile Picture
    cloflyMao 25,194 on at
    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.

    pastedimage1611127323796v1.png

    2. Insert following customization code to page.

    3. Add CSS of custom multi select dropdown list.

    Test

    8156.Capture.JPG

    231.JPG

    Regards,

    Clofly

Helpful resources

Quick Links

Replay now available! Dynamics 365 Community Call (CRM Edition)

Catch up on the first D365 Community Call held on 7/10

Community Spotlight of the Month

Kudos to Saurav Dhyani!

Congratulations to the June Top 10 community leaders!

These stars go above and beyond . . .

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 288,459 Super User

#2
Martin Dráb Profile Picture

Martin Dráb 225,783 Super User

#3
nmaenpaa Profile Picture

nmaenpaa 101,148

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans