How can I adjust column width in the form layout?

m.zuidgeest

Asked on October 5, 2022 7:05 AM

I would like to make the width of the columns wider in order to make the text fit and the layout therefore nicer to look at

Sabina G

Answered on October 5, 2022 11:44 AM

123FormBuilder Support
Hello,
 
Thank you for contacting us.
 
Widening the choice boxes is only possible via a custom CSS code. While we do not offer assistance for custom codes, we do have a small database of the most frequently encountered needs.
 
For this particular case, you can use the following code, which will modify the width for all the choice fields which have the buttons option active: 
 
#form [data-role=”control”].button-choices [data-role=”input-row”] .choice-box__label {
width: 250px;
}
 
To apply this code, simply go to the “Design” section of your form and add it by clicking the “Add custom CSS” button.
 
If you have any other questions, do not hesitate to reach out, and we’ll be happy to assist.