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

    Changing Rating Scale start value to zero

    Asked by LaraFridgant on November 04, 2014 at 07:07 PM

    Hi. I really need to create a rating scale with a zero start point. How can this be achieved without embedding into a website? thank you !!


    Page URL:

  • Profile Image
    JotForm Support

    Answered by Charlie on November 04, 2014 at 08:57 PM

    Hi Lena,

    Unfortunately, upon checking the Rating Scale, you can also set it up using values 1 and above using the options in the form editor. You do can achieve changing order and values of the scale by getting the form's source code and update it manually there. But as you mentioned, you would like to achieve the change without embedding it on your website, which is not possible if you are editing the source code. 

    If you need further assistance on editing the source code and applying it on your website, we'll be glad to help you.

    We'll wait for your response.

    Thank you.

  • Profile Image

    Answered by Len  on November 04, 2014 at 09:13 PM

    Thx  for your quick response. However it is not at all helpful I resolving my question. I already know what is possible. I was asking for a practical work around Soecifically without the embedding of code as I am not working off a website ! 


    I look forward to your response with hopefully a useful workaround. 


    Kind regards

  • Profile Image
    JotForm Support

    Answered by Welvin on November 05, 2014 at 12:52 AM

    Hi Lena,

    Unfortunately, it's not possible in the current Scale Rating settings. You may consider using the following widget:


    Thank you!

  • Profile Image

    Answered by Lena  on November 06, 2014 at 02:37 AM

    Thanks. Can this be requested as a future  feature please - there are plenty if people who have asked the same question for the same feature. 


  • Profile Image

    Answered by gori-mathew on November 06, 2014 at 03:40 AM

    Hi Lena,

    You are most welcome. I will send this information to the Dev Team so that they may evaluate it further.

    If further support is needed, please let us know.

    Thank you

  • Profile Image
    JotForm Support

    Answered by Charlie on November 06, 2014 at 09:41 AM


    I would just like to suggest a possible workaround.

    Although this requires quite a bit of work when a guide will be made, so I cloned your form and did the changes there, you can then clone the form that I edited so that you can have the settings and code that I made from there.

    Here's the form: http://form.jotformpro.com/form/43093039449964?

    You can clone it using this tutorial or guide: http://support.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Below are the screenshots of a summary of what I did.

    1. I saw the first part of the scale rate that you have, originally 1-4 so I assumed that this is the part you wanted to have the starting value of 0, I made the scale 0-4.

    2. I changed the scale amount to "5", now I have 5 radio buttons. But how do I start from "0" and end with "4"?

    3. Edit the form in the Form Designer, we will add the custom CSS code here. 

    This is the custom CSS code for the question #1

    /**Question 1**/

    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(2) > label, #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(3) > label, #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(4) > label, #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(5) > label, #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(6) > label {

        visibility : hidden;


    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(2):after {

        content : "0";


    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(3):after {

        content : "1";


    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(4):after {

        content : "2";


    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(5):after {

        content : "3";


    #cid_38 > table > tbody > tr:nth-child(1) > th:nth-child(6):after {

        content : "4";


    Light Blue Highlight: This code hides the label "1", "2", "3", "4" and "5" of the scale rate.

    Green Highlight: This code replaces the labels that are hidden and adds on their respective positions "0", "1", "2", "3" and "4".

    Now we have a custom scale rate with a "0" as a start. How do we now give it a value?


    4. I now add hidden textboxes that will store the original value of the scale (1-5).

    5. I then add from the "Conditions" setting this rule.

    If Question #1 is filled the result of Question #1 scale rate - 1 will be outputted on Textbox Scale Rate Question 1

    Ex. User choose radio button 1 which originally has value of 1 - 1 [we deduct the value original value by 1 to have a scale rate of 0-4 rather than 1-5], the answer or result will then be '0'.


    6. I then go to the Email Alerts setting and replace the field forms there the value of the hidden textboxes.


    I hope this helps. Let us know if you need further assistance on this. 

    Thank you.