Customer experience | Sales, Customer Insights,...

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

(0) Share

Report

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.

All responses (2)

Answers (0)

Nya 29,058 on at

Like (0)

Report

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.

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

Nya 29,058 on at

Like (0)

Report
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:

First checkbox Second checkbox Third checkbox

Here is the effect: