Text Label on Same Line as Text Box

  • dlasson
    Asked on March 8, 2016 at 6:18 PM

    Please see the first two lines in my form. I would like the text box for "Position Applied For" to be side by side with its text label as it is for "Applicant Name." "Label Align Left" does not keep all three words of the text label on one line.

    Thanks.

  • Charlie
    Replied on March 9, 2016 at 2:13 AM

    This is because the width of the label for the field "Position Applied For" it too small.

    I have two solutions that you can try, both using custom CSS code.

    Solution 1:

    You can use this CSS code to simple adjust all the width of your labels, this will make your layout much more cleaner if all labels have the same width:

    .form-label.form-label-left {

        width : 35% !important;

    }

     

    Solution 2:

    If you just want to specifically adjust the label width for "Position Applied For", then you can use this one instead:

    #label_42 {

        width : 35% !important;

    }

     

    Just to add, make sure to set the "Applicant Name" to label align left. When I cloned it, it was set to right. Here's how it looks like when I used solution #1: https://form.jotform.com/60681022806955 

    You can adjust the width value depending on your own preferences. Paste your chosen CSS code under your "CSS" tab in your Form Designer Tool.

    Text Label on Same Line as Text Box Image 1 Screenshot 20

     

    Let us know if you need more information on this.