Pull out and show Fancy Range Slider Value

Hello.

Is there a way that the numeric value in Fancy Range Sliders is displayed on top separate from the slider itself?

Echo function like .

I think that's possible using custom CSS code. Would you mind describing to us where you want to place the numeric values? It would be nice if you could provide us with some visuals so we can better understand your requirements.

Guide: How-to-Post-Screenshots-to-Our-Support-Forum

Looking forward to your response.

Thanks for the prompt reply Jherwin.

Please see attached image.

As an additional follow up question , I am not sure if jotform has this functionality or widgets.

I want a conditional " or "option slider so that the visitors can choose which one is more convenient for them to answer.

The screenshot attached explained it too .

Thanks again and hope you can answer my queries.

piLL

Can you please test this demo form and see if it meets your needs?

Demo form: https://form.jotform.com/93163116445959

Please give it a try and let us know how it goes.

Thanks for the reply. 

Yes the value works fine , it's just that the visitors needs to choose only one from the 2 sliders .

eg . If the visitors use the first sliders , the 2nd one won't be available anymore for them to answer.

Anyway , I appreciate if you can send me the css for the value echo input on top of the slider .

Thanks again .

Hope to hear from you soon again.

piLL

1.) Here's the CSS code I injected to my demo form:

span.irs-min {
    display: none;
}
span.irs-single {
    left: 0px!important;
    position: absolute;
    font-size: 15px!important;
    top: 1px;
}

Guide: How-to-Inject-CSS-Codes-to-Widgets

2.) How about hiding/showing fields based on the user response?

Kindly check my demo form again, I applied the conditional logic I suggested there: https://form.jotform.com/93163116445959

Here's the guide: How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

Thank you very much for your answers .

It really helps me a lot .

piLL

Hello again.

Is there a way that I can resize the text to a bigger font size and make it center on top of the slider ?

I was able to change the color of font and the background though but changing it's size messed it up . I wasn't able to make it on center using text-align method.

Thanks.

Can you please show us a screenshot where you want to place the numeric values?

As for the  font-size, you can use the following code below:

span.irs-single {
    font-size: 15px!important;
}

You can change the 15px to your preferred size.

Looking forward to your response.

Please give me more time to check if there's a workaround from this or if that is possible using CSS. If needed, I will forward this to our developers as a feature request.

Thank you for your patience.

Thanks Jherwin