Hi, I have a row (group) layout in my form that includes:
If I set the text box label to "top", the row doesn't look right but the text box is even with the checkboxes.
If I set the label to "left", the textbox isn't aligned vertically with the checkboxes — it sits higher. How do I align checkboxes and a text field (with a label on the left) evenly in the same row? Thank you for your time. I can't find this in the documents or get an AI to give me the right css codes. Kim
Please login or Register to submit your answer
Staff replied 5 months ago
By design the default layout makes room for a field title, the field type itself, and then a description, all on three separate rows. The information below allows you to adjust the vertical location of the field type, but if you add a description it's probably going to look a bit crazy again.
Play around with some custom CSS. Changing the margin-top variable here (was 0 and I made it 8px) allows me to align it more "centered" horizontally across the different field types.
.frm_form_field .frm_checkbox, .frm_form_field .frm_radio {
margin-top: 8px;
margin-bottom: 0;
}
replied 5 months ago
Thank you, never thought about doing top margin