Fix alignment on Catalog fields

[cgedney]

I have built a form with the following fields in it (along with a bunch of others):

This is what it looks like when I open it in our portal:

Our portal catalog area has enough room for 2 fields across, but when I put a label or custom label, it shifts the field below it up. Is there any way of making them align? I tried using containers and that did not work either.

Thank you, Charles

[Gunjan Kiratkar]

Hi @cgedney ,

In order to do that you will have to create a separate container for which alignment is not correct. e.g. create the separate container for divided rate and APY field.

Just try and let me know how it is going.

[RaghavSh]

@cgedney label itself is a variable and it is taking its own space. So it's working expected.

Wherever you place the label either through container or "split" variable, it is going to take its space.

[Sagar Pagar]

Hi @cgedney,

As per my understating, you have added custom with label variable, is just to show help text or more info for user.

I would suggest to use the show field message for Update/Activate/Deactivate variable instead of label variables. It will server the same purpose and alignment as well.

g_form.showFieldMessage("uad_promo_7mo", "If you select Deactivate, The Divided rate and APY fields will be removed",  "info");

Thanks,

Sagar Pagar

[cgedney]

Hey Sagar, I am adding the Custom with Label in order to fill in the slot to the right of the UAD field. The users wanted the Dividend and APY fields to be on the same line and they wanted the UAD field above those. So, I had to put something to the right of the UAD field. That is my issue.