Request: Column-spread Checkboxes and TextBox should Fill Form Width

  • Profile Image
    Asked on March 03, 2013 at 05:03 PM

    How can i make all controls expand to width of form?

    Looks mediocre and cramped when controls are squashed. 

    With checkboxes, the right solution would widen the label text just enough so all the columns fit the width of the form. The following css works for a 2-column control, but would fail for 3 or more columns.

    .form-multiple-column .form-checkbox-item {width:40% !important;}



  • Profile Image
    Answered on March 03, 2013 at 10:48 PM

    I had a similar problem with the collapsing headers because they were being orphaned by a stray </div> tag. So perhaps you can play with getting this into a different Div that will allow it to expand more.

  • Profile Image
    Answered on March 04, 2013 at 02:30 AM


    To expand the width of the text boxes & textareas on the form width, you can use the following CSS codes.

    .form-all .form-textbox, .form-all .form-textarea, .form-input{

    width:100% !important;


    Guide: How to Inject Custom CSS Codes to your Form

    For the check boxes, I would suggest to use width by pixel until you get the desired result. Example:

    .form-multiple-column .form-checkbox-item {

    width:190px !important;





    I have responded to your other thread. However, if this is different we'd apperciate if you could open a new thread and provide more details. Thank you.

  • Profile Image
    Answered on March 22, 2013 at 02:26 PM


    hope this can be made built-in. I think that should be default layout. Or a property in the property box for these controls. 


  • Profile Image
    Answered on March 22, 2013 at 02:36 PM


    You are welcome.

    Do you still have fields that needs adjustments? Let us know and we'll do our best to help you about that.