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

    Through admn or css how do I number my questions?

    Asked by bsiforms on November 19, 2014 at 06:49 AM

    Hi we are working through our evaluation of JotForm. So far so good but the one thing we can't find how to do its number our questions (without doing it manually which doesn't look good when the question is long enough for the text to wrap). We want to keep the form in JotForm and not download it.

     

    JotForm find numbering list style list
  • Profile Image
    JotForm Support

    Answered by jonathan on November 19, 2014 at 08:54 AM

    Hi,

    Can you please confirm that you meant like this...

     

    You wanted to add numbering on the questions, but you do not want the number to be part of the question?

    Please described more about the requirement and we will see what we can be done.

    We will wait for your updated response.

    Thanks.

     

  • Profile Image

    Answered by bsiforms on November 19, 2014 at 09:01 AM

    Your mock-up is perfect. We are asking if in the JotForm admin for managing a form is there or can there be a toggle to add a number before each question.

    Basically toggle the questions from being an unorder-list to an ordered-list (or if in the code they are already an order-list then letting the numbers show up).

    See examples here: http://www.w3schools.com/html/html_lists.asp

     
  • Profile Image

    Answered by Ben on November 19, 2014 at 10:14 AM

    Hi,

    There is no option to toggle the options, but you can easily do that with a bit of CSS for all fields or just for some.

    Example:

    li.form-line {
        display: list-item;
        list-style: decimal outside none;
    }

    li.form-line {
        display: list-item;
        list-style: decimal inside none;
    }

    Now the same can be done with disc, square, circle, etc.

    li.form-line {
        display: list-item;
        list-style: circle inside none;
    }

    li.form-line {
        display: list-item;
        list-style: circle outside none;
    }

    You can see here how easy it is to Inject Custom CSS Codes.

    Do let us know if you have any further questions.

    Best Regards,
    Ben