Through admn or css how do I number my questions?

  • bsiforms
    Asked on November 19, 2014 at 6: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.

     

  • jonathan
    Replied on November 19, 2014 at 8:54 AM

    Hi,

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

    Through admn or css how do I number my questions? Image 1 Screenshot 20

     

    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.

     

  • bsiforms
    Replied on November 19, 2014 at 9: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

     
  • Ben
    Replied 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;
    }

    Through admn or css how do I number my questions? Image 1 Screenshot 50

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

    Through admn or css how do I number my questions? Image 2 Screenshot 61

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

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

    Through admn or css how do I number my questions? Image 3 Screenshot 72

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

    Through admn or css how do I number my questions? Image 4 Screenshot 83

    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