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

    Sub-tag in Numeric Slider

    Asked by tctrust on August 28, 2016 at 07:18 PM


    Can I add sub-tag (a small description below the input field) to the field of Numeric Slider?

  • Profile Image
    JotForm Support

    Answered by liyam on August 29, 2016 at 12:43 AM


    Unfortunately, there is no option to put a subtext on numeric sliders. But you can probably make use of the text element and position it closer below the numeric slider.

    If you can provide us more information such as what text to put and the position, we can try out something for you.


  • Profile Image

    Answered by tctrust on August 29, 2016 at 05:08 AM


    Thank you for response.

    I need to respect the following design.



    I also need to know the possibility of changing the step from 1 to 25 (in the last table - "Ingreso medio").


  • Profile Image
    JotForm Support

    Answered by liyam on August 29, 2016 at 06:41 AM


    Can you try injecting this code in your sample form: 

    #id_24, .cid_24, #text_24 {
    padding-top: 0;
    margin-top: -60px;
    font-size: 11px;

    If you need to learn how to inject CSS in your form, please read this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Also, I'm not sure I fully understand what you mean by changing the step from 1 to 25. Can you provide more information on this?


  • Profile Image

    Answered by tctrust on August 29, 2016 at 10:49 AM


    Not have proceeded any truck entering this code.

    I need:

    1. in some way add subtext down each field of Numeric Slider.

    2. in the case of being possible to make the edge of the Numeric Slider fields (such as there are in the image).

    3. the "step" I mean "Stepping value" (example - Fancy Range Slidr).

  • Profile Image
    JotForm Support

    Answered by BJoanna on August 29, 2016 at 12:50 PM

    Unfortunately, like my colleague mentioned, it is not possible to add sub text to Numeric Slider. If you want to add sub texts you will need to use workaround my colleague provided, add text using Text field and position that text with CSS.

    You can also use Slider widget and instead of sub text you can add Hover text.

    I am not sure if I understood your other question correctly. Do you want to make edges more rounded? If yes, add this CSS code yo your Numeric Slider Custom CSS:

    .bfh-slider {

        border-radius: 10px;


    3. the "step" I mean "Stepping value" (example - Fancy Range Slidr).

    Do you want that values are increased by 25 instead of 1? For example 0,25,50,75,100... Unfortunately that is also not possible. 

    If I did not understood you correctly, please explain in more details what you are trying to achieve. Also if you would like that this is implemented to Numeric Slider widget, please let us know and we will forward your request to our developers. 


    Let us know if you need further assistance.