What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by Anista_01 on August 23, 2016 at 04:20 AM
    Can you please help me get all the field labels on a single line
  • Profile Image
    JotForm Support

    Answered by Chriistian 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

    Answered by Anista_01 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

    Answered by Irshad 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

    Answered by Anista_01 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
    JotForm Support

    Answered by Chriistian 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

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