How can I make the text and input boxes into the same line?

  • Profile Image
    Asked on March 01, 2017 at 10:10 AM


    I need help tweaking the design on my form. 


    Can you take a look at my screen print please?


  • Profile Image
    Answered on March 01, 2017 at 01:04 PM

    1. You need to remove the following custom CSS codes in the form to have the checkbox label into one line:

    .form-checkbox-item label {

       width : 70px;


    To access the CSS area:

    2.  Inject the following custom CSS codes to your form:

    [data-type="control_fullname"] .form-sub-label-container:first-child {

        margin-right: 1% !important;



    3. Inject the following custom CSS codes:

    [data-type="control_dropdown"] .form-dropdown {

        width: initial !important;

        max-width: initial !important;



    4. You need to specific this in the settings; Properties > Label Align:

    You need to adjust the field width as well. You also need to consider the length of the sublabel text. 


    Let us know if you need further assistance.