Hi Siva,
Yes, we can add multi-select option to marketing form.
It seems that your CSS rule for your checkbox item layout is broken, you could open inspector(F12) to debug display layout and try to fix the issue.
E.g:
1. As expectation, each option shall be nested in a span element whose class name is "lp-checkboxListItem".(Include a checkbox and corresponding value)
There is a key css rule to make each of them with line break.
display: block;
2. However, if I disable the display: block; rule for lp-checkboxListItem span element,
then remove float:left rule for each of checkbox,
I will get same layout with issue as you encountered.
3. Suggestion:
I copied the CSS rules for normal layout, you could copy and paste CSS rules below to your marketing page or marketing form source code to test whether it could fix the layout.(in Style tag)
div[data-editorblocktype=Field-checkboxList] input,
div[data-editorblocktype=Field-checkbox] input {
width: auto;
height: auto;
margin-bottom: 3px;
margin-right: 8px;
float: left!important;
}
div[data-editorblocktype=Field-checkboxList] span.lp-checkboxListItem,
div[data-editorblocktype=Field-radioButtons] span.lp-radioButton {
/* This rule is needed to style all radio button fields. For product constraints each option is defined as input and label wrapped into a span*/
display: block!important;
margin: 2px;
}
!important declaration will override any other declarations.
Regards,
Clofly
