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.

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Nya 29,060 on at

Like (0)

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

Was this reply helpful? Yes No
Nya 29,060 on at

Like (0)

Report

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.

Was this reply helpful? Yes No