Skip to main content
Nintex Community Menu Bar
Question

Horizontal Multi-Select Checkboxes

  • July 9, 2024
  • 3 replies
  • 51 views

Forum|alt.badge.img+8

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.

3 replies

Forum|alt.badge.img+8

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;
}


Forum|alt.badge.img+8

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.


Forum|alt.badge.img+8

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…