-
pill.elliepotAsked on November 13, 2019 at 5:13 AM
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 .
-
jherwinReplied on November 13, 2019 at 6:01 AM
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.
-
pill.elliepotReplied on November 13, 2019 at 6:06 AM
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
-
jherwinReplied on November 13, 2019 at 6:43 AM
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.
-
pill.elliepotReplied on November 13, 2019 at 6:48 AM
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
-
jherwinReplied on November 13, 2019 at 7:08 AM
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
-
pill.elliepotReplied on November 13, 2019 at 7:25 AM
Thank you very much for your answers .
It really helps me a lot .
piLL
-
pill.elliepotReplied on November 14, 2019 at 1:30 AM
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.
-
jherwinReplied on November 14, 2019 at 4:43 AM
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.
-
pill.elliepotReplied on November 14, 2019 at 9:34 PM
-
jherwinReplied on November 14, 2019 at 11:44 PM
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.
-
pill.elliepotReplied on November 15, 2019 at 7:38 AM
Thanks Jherwin