How to create a 3-column vertical checkbox layout in Service Catalog

pinintisrav
Mega Contributor
Hi everyone,
I am trying to display a list of 63 checkboxes in a Service Catalog item. I want them to display in three vertical columns, flowing top-to-bottom (Column 1: items 1–21, Column 2: items 22–42, Column 3: items 43–63).
Currently, using Container Start -> Split -> End layouts forces the variables to display horizontally (left-to-right across rows) instead of filling the first column vertically.   
 

 

What is the best way to achieve a clean vertical multi-column layout for a large number of checkboxes without manually mixing up the variable order numbers?
Thanks!

 

 

 

1 ACCEPTED SOLUTION

Sandeep Rajput
Tera Patron

 Try using a container split between the checkboxes and see if it helps in organising the checkboxes vertically. 

 

PS: From a user experience stand point you are trying to cram in too many checkboxes on the UI. Not a good user experience in my opinion.

View solution in original post

3 REPLIES 3

Sandeep Rajput
Tera Patron

 Try using a container split between the checkboxes and see if it helps in organising the checkboxes vertically. 

 

PS: From a user experience stand point you are trying to cram in too many checkboxes on the UI. Not a good user experience in my opinion.

pinintisrav
Mega Contributor

Thank you for the advice!
Unfortunately, adding container splits between the checkboxes doesn't change the layout behavior—it still pushes the variables horizontally across the columns instead of filling them vertically.
Regarding the user experience, I completely agree it is a lot of checkboxes on one screen. However, this is a strict client requirement that I must fulfill for their specific workflow.
Are there any other out-of-the-box layout properties or alternative variable types you would recommend to force a vertical flow?

 

@pinintisrav Ideally the container split approach should have worked, could you please share a snapshot of your variables list (showing container, checkboxes and container split.)