Service Portal Column Splitter Not Working Properly

[jmiskey]

I am creating a request form on the Service Portal that has certain sections that have two columns (using a Container with Layout "2 Columns Wide, alternating side".

So here are some screen shots:

Seems pretty straightforward, but it is not working like I expect.   It is putting the first field in the container in column 1, and the second in column 2, but then it is putting the third in column 2 instead of column 1.   See below:

Anyone know why it would do this or how to fix it?

Thanks

EDIT: Interestingly, if I just click on "Try It" from the Catalog Item and it brings it up in the old Service Catalog view, it looks correct.   It just doesn't look correct on the Service Portal.

Here is what it looks like with "Try It".

Is this another one of those Service Catalog things that just really doesn't translate over well on Service Portal?

Message was edited by: Joe Miskey

[SanjivMeher]

Did you also add a Container End at the end and try?

[jmiskey]

Yes.   Sorry, I only showed an excerpt of my Variables instead of the whole list.   But it is down there.

The only thing I can think of is that I do have some variables that are only displayed upon certain selections in other fields (via Catalog UI Policies).   But these all occur well below the area of the fields I am showing this weird behavior on.

Just for kicks, I did some testing, and move my Container End variable up above where these conditional variables exist.   And it didn't seem to make a difference.   It is still exhibiting this odd behavior.

I don't need to add a Container for each variable couplet, do I (add one every two variables)?   That would be quite and annoying and cumbersome workaround.

[aaronbartosch]

The Service Portal does not recognize or observe variable splits.   Fields are listed inline regardless, this way they scale correctly regardless of device (mobile, tablet, desktop).

EDIT:   I found this article on HI after posting.   This may help.

ServiceNow KB: Two-column layout of variables in the Service Portal does not match the layout in the...

[jmiskey]

The Service Portal does not recognize or observe variable splits.   Fields are listed inline regardless, this way they scale correctly regardless of device (mobile, tablet, desktop).

Another programmer here was able to create one that worked OK, so I think it is possible (I can see it).

And the article you referenced seems to indicate that two-column layouts should work, and even shows examples of multiple containers on the same Form (some single column, some two columns).

So I thought maybe if you use Containers at all, you need to enclose all variables in containers.   So I tried making that change, but that did not make any difference either.   I wonder if it has to do with the size of certain variables?

Edit:   I just noticed that the article you posted refers to Jakarta.   We are still using Helsinki.