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

  • thelittleyurtmeadow
    Asked on March 1, 2017 at 10:10 AM

    Hi, 

    I need help tweaking the design on my form. 

     

    Can you take a look at my screen print please?

     

    Jotform Thread 1079128 Screenshot
  • Welvin Support Team Lead
    Replied on March 1, 2017 at 1: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: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    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:

    How can I make the text and input boxes into the same line? Image 1 Screenshot 20

    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.