You are viewing limited content. For full access, please sign in.

Discussion

Discussion

Top Align Checkbox

Forms Layout Designer
Updated February 5
posted on February 4 • Show version history

I have been working in Laserfiche for a while now, but I am new to the "New" designer in Forms.  I have always used the classic designer.

Hoping someone can point me to the correct selector to get a checkbox to align on the top when the checkbox label is more than one line.

I have tried checkbox, label, span, and option in the CSS.

 

Thanks.

 

2025-02-04_15-35-09.png
2025-02-04_15-35-09.png (11.65 KB)
Download
0 0
replied on February 4 • Show version history

The new designer utilizes flex display a lot more, and that may be complicating things for you since flex containers have specific behavior for alignment/centering.

The following selector and CSS should work, just add a custom CSS class to the field and include that in the selector to make it specific to that field.

.yourCheckboxClass .option > input {
  align-self: start;
  margin-top: 0.6em;
}

align-self: start - aligns the input to the top of the flex container.

margin-top: 0.6em - moves it down to line up with the text since the align option moves it all the way to the top; this value may need to be adjusted for your form.

4 0
replied on February 5

Worked perfectly!!  Thanks so much for the advice.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Attachments
Related Posts
Loading ...