Page 1 of 1

fix multi column fields position

Posted: 2023-05-27 06:35
by ushay
hello friends,

i am trying to add 2 fields to column with this code:

Code: Select all

var field11 = AppGiniHelper.DV.getFields(["contact1","contact2"]);
    field11.toColumns([3,3]);


my problem is that the row is aligned to the right side of the page:
appgini.JPG
appgini.JPG (68.6 KiB) Viewed 12286 times
i couldn't find a way to move it to the left and align it with the rest of the fields.
can anyone please suggest a way?

thank you,
shay.

Re: fix multi column fields position

Posted: 2023-05-27 07:58
by jsetzer
ToColums creates a (Bootstrap) row with n (Bootstrap) columns. By design the row fits into 100% of the width, for example 6/12 + 6/12 = 100%.

Other (standard) fields by default are using 3/12 for the label and 9/12 for the control.

If you don't want the n-columns-layout but the fieldlabel+control layout, consider using .inline() function instead:

Code: Select all

AppGiniHelper.DV.getFields(["a", "b"]).inline("custom label");

Re: fix multi column fields position

Posted: 2023-05-27 13:16
by ushay
Thanks Jan.