Horizontal Multi-Select Checkboxes

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…