Find your people. Pick a challenge. Ship something real. The CreatorCon Hackathon is coming to the Community Pavilion for one epic night. Every skill level, every role welcome. Join us on May 5th and learn more here.

sdtimb
Giga Expert

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

OnboardingName.jpg

OnboardingNameVar.jpg

4 Comments