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

  • Profile Image
    Asked 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
    Answered 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:

    3. For the total score, please follow up here:


    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.