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

    Moving the Sliders with calculated result widget labels to top of the sliders

    Asked by Buzzcom on January 29, 2016 at 10:11 PM

    ok - So I will try one more time - I know that I have asked already but you have still not provided me with correct answers -

    1 - I want to use a calculable slider widget - I have put in on my form



    I want text to appear above each slider ( I have put in two example text blocks to show you how I want the text to appear - and I would like the sliders to align left under text styled like the examples)

    When I insert the custom code in the CSS - and start to play with the values I can't get the text to look like it does in the example text blocks - it pushes down to the next slider and the sliders get smaller. Can you please set up the CSS to look like the example text with slider underneath and aligned left


    2 - I would like the numerical range on the slider to be different on different forms - so I need to know how to do the following -

    a) 1 - 10 ( I have done this so you don't need to explain)

    b) 1 - 10 ( but with half values as well - so 1 / 1.5 / 2/ 2.5 etc)

    c) 1- 10 ( but with decimal values as well - so 1.1 / 1.2 / 1.3 / 1.4 etc )


    3 - I would like the total score at the bottom to be reflected as a percentage figure - how do I set the system to do this?


    Thanks so much for your patience and help. Michelle

  • Profile Image
    JotForm Support

    Answered by Welvin on January 30, 2016 at 12:52 PM

    For the text alignment, replace the current custom CSS codes with the following:

    .label_row {

        width: 100%;

        position: relative;

        float: left;


    .slider_row_ {

        float: left;


    .value_row {

        display: inline-block;

        top: 8px;

        position: relative;



    2. For half and decimal values, please follow up here: http://www.jotform.com/answers/760658.

    3. For the total score, please follow up here: http://www.jotform.com/answers/760660.


    We need to move questions into different threads we can track down issues and solve them individually and of the same, to avoid some confusions.