web
You’re offline. This is a read only version of the page.
close
Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id :
Dynamics 365 Community / Forums / Customer experience | Sales, Customer Insights,... / Set Rendering Control ...
Customer experience | Sales, Customer Insights,...
Suggested answer

Set Rendering Control to Dropdown with multiselect option-field on embedded form.

(0) ShareShare
ReportReport
Posted on by Johan Back

Hello everyone,

I have a problem regarding embedded forms on landing pages, when I create a form field who is a multiselect option-field I can´t set Rendering Control to Dropdown or Radio Button like I can with a ordinary optionset field.

This results my form showing all alternatives on my multiselect option field in checkboxes. I want the field to be a dropdown instead.

Has anyone had this problem before and how did you solve it?

Thanks in advance.

I have the same question (0)
  • Nya Profile Picture
    Nya 29,060 on at
    RE: Set Rendering Control to Dropdown with multiselect option-field on embedded form.

    Hi,

    If the issue has been solved, it would be appreciated if you could click "Yes" to verify my answer.

    Image

    If there is any further doubt, please do not hesitate to let me know.

  • Suggested answer
    Nya Profile Picture
    Nya 29,060 on at
    RE: Set Rendering Control to Dropdown with multiselect option-field on embedded form.

    Hi,

    It can be achieved by adjust the HTML of the marketing form.

    Add the field first and then replace the following code with the HTML for the field.

    The script:

    var expanded = false;

function showCheckboxes() {
  var checkboxes = document.getElementById("checkboxes");
  if (!expanded) {
    checkboxes.style.display = "block";
    expanded = true;
  } else {
    checkboxes.style.display = "none";
    expanded = false;
  }
}

    The CSS:

    .multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

    The HTML for the droplist:

    Here is the effect:

    pastedimage1645088140272v1.png

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Dynamics 365 Community Calls Return
Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft
Responsible AI policies for the Community

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Mansi Soni – Community Spotlight

We are honored to recognize Mansi Soni as our August 2025 Community…

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
Hamza H Profile Picture

Hamza H 141

#2
Daniyal Khaleel Profile Picture

Daniyal Khaleel 132

#3
DAnny3211 Profile Picture

DAnny3211 130

Last 30 days Overall leaderboard

Featured topics

Hide selecting Contact for potential customer when creating quote

Product updates

Dynamics 365 release plans