Can you please help me get all the field labels on a single line?

  • Anista_01
    Asked on August 23, 2016 at 4:20 AM
    Can you please help me get all the field labels on a single line
  • Chriistian Jotform Support
    Replied on August 23, 2016 at 4:39 AM

    If I understand correctly, you want all the options on the radio button to be on the same line? If that is so, then you can simply click on your radio button and select "Spread Columns." You can set it to 3 so that all the options are in one line.

    Can you please help me get all the field labels on a single line? Image 1 Screenshot 40

    You might also need to increase the width of the form to fit all the columns. Here's how:

    Go to Preferences

    Can you please help me get all the field labels on a single line? Image 2 Screenshot 51

    Select Form Styles > Properties > Then set the width of your form.

    Can you please help me get all the field labels on a single line? Image 3 Screenshot 62

    Regards.

  • Anista_01
    Replied on August 23, 2016 at 7:45 AM
    Thanks Christian
    What I meant was for the labels to be on one line, not wrap.
    ...
  • Irshad
    Replied on August 23, 2016 at 8:36 AM

    For increasing the Label width we would require to increase the Form width, as there are less space. So Please open the Advanced Form Designer, by clicking on the "Design" icon of Form builder. And then from the Form Layout section, increase the width to 402 px.

    Can you please help me get all the field labels on a single line? Image 1 Screenshot 30

    Then click on the css tab, and put the below css code, and save the changes:

    .form-radio-item label {

        width:290px;

    }

    Can you please help me get all the field labels on a single line? Image 2 Screenshot 41

     

    You can verify it on my Clone form at below URL:

    http://jotform.com/62353804908964

     

  • Anista_01
    Replied on August 23, 2016 at 6:45 PM
    Cool. Thank you.
    Question.
    I really like the way your screen shot no. 1. shows the error. Ie green box
    around the fields.
    Can you please show me how you did that ? 😀
    Thank you in advance.
    Dujon
    ...
  • Chriistian Jotform Support
    Replied on August 23, 2016 at 10:43 PM

    The green box is displayed when a field is clicked while on the CSS tab of the Form Designer.

    Can you please help me get all the field labels on a single line? Image 1 Screenshot 30

     

    So when you click on a radio button field, all the radio buttons will be highlighted with the green box. If textbox is clicked, all the textbox will be highlighted with the box instead. Please see the screen recording below.

    Can you please help me get all the field labels on a single line? Image 2 Screenshot 41

    If you need further assistance, feel free to let us know.
    Regards.

     

  • Anista_01
    Replied on August 23, 2016 at 11:45 PM
    Oh, I understand. Thank you for clarifying :)
    Love Jotform !!!
    ...