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

  • Profile Image
    Anista_01
    Asked on August 23, 2016 at 04:20 AM
    Can you please help me get all the field labels on a single line
  • Profile Image
    Chriistian
    Answered on August 23, 2016 at 04: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.

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

    Go to Preferences

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

    Regards.

  • Profile Image
    Anista_01
    Answered on August 23, 2016 at 07:45 AM
    Thanks Christian
    What I meant was for the labels to be on one line, not wrap.
    ...
  • Profile Image
    Irshad
    Answered on August 23, 2016 at 08: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.

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

    .form-radio-item label {

        width:290px;

    }

     

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

    http://jotform.com/62353804908964

     

  • Profile Image
    Anista_01
    Answered on August 23, 2016 at 06: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
    ...
  • Profile Image
    Chriistian
    Answered 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.

     

    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.

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

     

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