How do I render Multi-Select Checkboxes Horizontally and not vertically like the built in render? If someone has an example how to do this would be awesome.
Hi Jarrod,
I would add a CSS resource with this code. This would cause all multiselect fields rendered as checkboxes on the page to be horizontal. You can target this more by putting a unique id or css class on the field editor that you’re using.
.nx-checkboxwrapper {
display: inline-block;
margin: 0 6px 4px 0;
}
.nx-checkboxlabel {
margin-left: 32px;
padding: 5px 10px 5px 0;
}
THANK YOU! That is exactly what I wanted! I am trying to figure out how to add a CSS class to a Field Editor field and I do not see an option to add a custom class name anywhere or a unique ID.
Found it, I applied it to the CSS on the Field update container. Then modified the CSS also and only the Field Update sections I apply that now go horizontal! Perfect…
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.