Aligning textfields and / or labels

[paulbennis]

Good day, 

I am trying to align the text fields at the bottom, so that they are all in a straight line. It could be either by aligning the actual container or the label to push the container down.

I can achieve this by setting the label to nowrap, but that makes the labels overrun.

Is there anyone who could please help me, I would greatly appreciate it?

Cheers,

[sandy159]

Hi @paulbennis,

Yeah, you may change the white-space attribute for the label to nowrap and adjust the field width a little bit. 

Or you may play around with alignment. Try to paste this CSS to the Header of the DataPage. Make sure to disable the HTML editor in the Advanced tab first.

<style>
.cbFormNestedTableContainer{
align-items: end;
}
</style>

[autonumber]

On 7/1/2021 at 4:58 AM, sandy159 said:

ou may play around with alignment. Try to paste this CSS to the Head

Hello just to add, you can also try this code and paste on the header of your datapage:

 

<style>
.cbFormLabelCell.cbFormLabel {
    white-space: nowrap;
}
</style>

 

 

[telly]

Hi  @paulbennis,

You can try perhaps Multi-columns and Sections:

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