How to change the rating from 5 to 1?

  • tgebauer
    Asked on June 27, 2019 at 3:08 AM

    Hi,

    I want a scale rating from 5 to 1.

    I didn't find any option, so I exportet the form as HTML and change the rating from "1 to 5" to "5 to 1". So far so good, but the export doesn't show the correct value. It is still in the regular order "1 to 5".
    What do I have to do to change that?
    Additional field to calculate, or something?

    Regards

    Thomas


  • tgebauer
    Replied on June 27, 2019 at 3:33 AM

    Ok fixed it by myself... ;)
    https://form.jotform.com/91771534686973

    Added a additional field and update the field by the value from the scale..

    1561620780scale value Screenshot 10

  • AndrewHag
    Replied on June 27, 2019 at 4:57 AM

    I am glad you found a workaround. I see that the scale is still displaying the numbers from 1 to 5. If you wish to display 5 to 1, please add the code below:

    .form-scale-table tr:first-child{

      display: flex;

      flex-direction: row-reverse;

    }

    tbody{

      display: inline-block;

    }

    tr:first-child th{

      width: 30px;

    }

    1561625585chrome fvfRvwiCOA Screenshot 10

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • tgebauer
    Replied on June 27, 2019 at 5:37 AM

    But to get the values also right, I also need to change the radio buttons as well... ;)


    I also need to add this:


    .form-scale-table tr:last-child{

      display: flex;

      flex-direction: row-reverse;

    }

    than I don't need to write it in a separate field -> update/calculate... right? ;)


  • AndrewHag
    Replied on June 27, 2019 at 6:08 AM

    Aha, Yes. Sorry, missed that. You can also include that code instead of using the conditions.

    Here is the final optimized code, you can just remove the previous code and paste this:

    .form-scale-table tr{

      display: flex;

      flex-direction: row-reverse;

    }

    tr:first-child th{

      width: 30px;

    }