Misalignment Catalog Item form

tomaslindev · ‎05-12-2025

Hello everyone,
I need to layout this template in two columns, just like this image.

Instead, when implementing the two columns, I get this misalignment that I can't fix.

The arrangement of the variables is currently this:

Any ideas on how to fix this misalignment?
Thank you very much and best regards.

Shree_G · ‎05-12-2025

The "Break" in your variables is adding new line, remove the "Break" formatter.

If this solution helped resolve your issue, please consider marking it as helpful or correct.
This will assist others in finding the solution faster and close the thread.

View solution in original post

J Siva · ‎05-12-2025

Hi @tomaslindev
he issue arises because you have checked the 'Display title' checkbox on the container start type variables. Additionally, the Break type variable is not required. As a workaround, create a label type variable to show the container headings and uncheck the 'Display title' checkboxes.

Regards,
Siva

View solution in original post

SumanthDosapati · ‎05-13-2025

@tomaslindev

You can easily achieve this by setting your containers properly. Follow below steps :

Create a new Main container start with order 10. (Uncheck display title)
Set your 'Request information' Container start order to 20.
Set your variables order from 21 to 29
Set a Container End with order 30. (This is container end for request information)
Add a Container Split here with order 50
Set your container start for 'Contact information' order to '60'
Set your variables order from 61-69
Set a Container End with order 70. (This is container end for contact information)
Set one more container End with order 100 (This is end for main container)

Inshort what we did is, nested containers. One main container which holds Request container and Contact container with a split in between.

> Main container start > Request container start > Variables in request container > Request Container End > Container Split > Contact container start > Variables in contact container > Contact Container End > Main Container End

Accept the solution and mark as helpful if it does, to benefit future readers.
Regards,
Sumanth

View solution in original post

shantanu_patel8 · ‎05-12-2025

Hi @tomaslindev

The issue is with respect to misalignment and the only way to resolve it via trial and error.

Please refer to : https://www.servicenow.com/community/developer-forum/how-allign-catalog-variables-properly-within-se...

It should be helpful on how you can proceed.

Please mark the answer helpful and correct if it helps the issue. Happy scripting 🙂

-Shantanu

Shree_G · ‎05-12-2025

Hello @tomaslindev ,

The "Break" in your variables is adding new line, remove the "Break" formatter.

If this solution helped resolve your issue, please consider marking it as helpful or correct.
This will assist others in finding the solution faster and close the thread.

pratikjagtap · ‎05-12-2025

Hi @tomaslindev ,

Please remove the break variable its adding one more line.

If my response helped, please hit the 👍Thumb Icon and accept the solution so that it benefits future readers.

Regards,
Pratik

J Siva · ‎05-12-2025

Hi @tomaslindev
he issue arises because you have checked the 'Display title' checkbox on the container start type variables. Additionally, the Break type variable is not required. As a workaround, create a label type variable to show the container headings and uncheck the 'Display title' checkboxes.

Regards,
Siva