Not justifying certain rows or cells in DP

[roattw]

For a give DP form I usually have three fields next to each other on a line/row.  I always have trouble getting just those elements in that row to not go full justified.

I usually end up with this:
 

 

When I would prefer this:

 

 

Hard to find via Chromes F12 Inspect. a

[Hastur]

@roattw
Do you use Sections of "Continue next element on the same line" checkbox to place fields in this way?

[roattw]

Thanks for reply Hastur.  Yes, field placed that way using Continuous next line option.

[Hastur]

@roattw

You may try using the Section to group these 3 field and set the amount of columns as 3.
 

[telly]

Hi  @roattw,

You can try perhaps Multi-columns and Sections:

For reference https://howto.caspio.com/datapages/datapage-components/multi-column-and-sections/

[autonumber]

Hi! Just to update this post, you can use CSS code to adjust the gap between the checkboxes and labels. My current setup is that I have one section with six fields and separate them into two groups. I just aligned them by enabling the Continue next element on the same line option on the fields. 

Add this code to the header of your DataPage and just change the label name according to the label name you have on your DataPage. 

<style>
div[data-cb-cell-name*="InsertRecordCourse"]{
width: 17px !important;
}
div[data-cb-cell-name*="InsertRecordCompanyName"]{
width: 69px !important;
}
</style>

You can adjust the width based on your preference. 

Original layout:

 

After the CSS code is applied: