4 fields in 1 row - Catalog Item

[sdtimb]

If you've ever created a Service Catalog item with more than a couple fields it's likely been an annoying process. Without a little creative thinking and a lot of trial and error it can be difficult to get the right layout on your form.

Today I had to transition two fields [Employee Name & Nickname] to individual fields [first name, middle name, last name, nickname]. If you go with the common layout of one container, two columns, it doesn't look very nice. I wanted to share what I came up with.

By nesting two containers, within a container, I was able to create 1 row with 4 fields. Below is the end result and variables required to accomplish.

Container Start: 2 Columns Wide, alternating sides

[Bhavesh Jain1]

Excellent. Thanks for Sharing.

[solutioningnow]

Nice, i tried 3 variables in one row. Its good to know that we can have more than 3 variables also in one single row.

[john_duchock]

I had to add a bit more to this in Helsinki to get it to work:

The result:

[soufelipeee]

This content really help me, thank you.