fix multi column fields position

This sub-forum is for discussing all topics related to AppGini Helper JavaScript Library, provided by bizzworxx as a third-party AppGini plugin.
Post Reply
ushay
Veteran Member
Posts: 54
Joined: 2020-06-26 21:30

fix multi column fields position

Post by ushay » 2023-05-27 06:35

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 2540 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.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: fix multi column fields position

Post by jsetzer » 2023-05-27 07:58

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");
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

ushay
Veteran Member
Posts: 54
Joined: 2020-06-26 21:30

Re: fix multi column fields position

Post by ushay » 2023-05-27 13:16

Thanks Jan.

Post Reply