The Slider question is very similar to the Number question. It helps to easily pick a numberic value by sliding the handle.
You can easily change the Slider question, to a Number or a Incrementer
The title of the question. You can show the value of other questions by writing {{QA}}, {{QB}}, etc
A description text that goes after the question.
The placeholder text is shown inside the number input field, when it is empty.
A question mark will show after the question with a tooltip text that you can set here.
Hide the question title.
Set the minimum value (default is zero).
Set the maximum value (default is 100).
Set the default value (optional).
How much the value will increase or decrease when handle is dragged. The default is 1, but it can also be set to decimal values, for example: 0.1
Set a prefix, like a currency symbol "$", "€", "£" or any text like "starting at "
Tip: If you want the prefix to be separated by a space from the number value in the reports and emails you can add a space at the end.
Advanced Tip:
Let's say you want the slider value to say "too low" when it's at the minimum value, "too high" when it's on the maximum value and the prefix "$" everywhere else. Easy, just set the Prefix to:
too low, $, too high
That's it! (and you can do the same for the suffix)
Set a suffix, like " days per week"
Tip: If you want the suffix to be separated by a space from the number value in the reports and emails you can add a space at the beginning.
Normally only the Min/Max labels will be shown on the slider (for example 0 and 100). If you want to have intermediary labels, you can set them here. Let's say you want to show "low" for 0, "high" for 100 and "50" for the value 50. You can use this pattern for the "Custom Labels":
0:low, 50:50, 100:high
As you can see it's a comma-separated list of "value:label" items
If the slider has a very wide range (let's say $100,000 to $10,000,000) you may want the lower values to occupy a larger section of the slider, so it will be easierr to select values between 100,000 and 500,000 for example. That's where non-linear slider values come in.
You can set the first half of the slider to go from 100,000 to 500,000 like this:
50%:500000
This just means that the half of the slider will have the value 500000. If you need more custom segments of the slider, just comma separate them, for example:
33%:500000, 66%:2000000
Don't show the decimals
Set the visibility based on a formula called the Visibility Formula. If the Visibility Formula result is true, the question will be shown in the calculator, otherwise it will be hidden. This allows you to show the question only in certain conditions, for example when another question has a certain value.
All fields have the value zero when hidden, except for formulas, which keep the same value whether hidden or not.
Tick this box to set a custom value when hidden, or to keep the same value when hidden as when visible.
Most of the style settings are self-explanatory, but here are a few tips and tricks:
You can set the Question Text Color, Background Color, Help Text color, by using the color picker.
The colors use the Hexadecimal code.
If you want to reset a color just delete the value.
Tip: you can set a color to transparent by typing "transparent" in the color box.
You can tweak the Slider value in any way you want, including setting the Slider Value Position to Left, Right, Center, Inline or Hidden.
The Labels are the values that show under the slider and the Markers are the large dots that show above the Labels. You can show/hide these and set the color of the Labels here.
You can set a width for the field (Full width, One half, One third or One fourth). This allows for multiple Questions to sit side by side. Note that on small screen sizes the questions will be reset to full width for usability purposes.
Set how the Question content is align. Inline will set the question title and the content on the same line.
The "Inline Position" setting helps position the Title and the Content:
The result of this formula will be added as an attribute to the ".ic-question" parent element of the field/question.
The attribute is called "formula-attribute", and you can then use it in CSS code to change the way the question looks based on the formula. For example, you could change the background color of the field/question based on a formula.
For example you could have the "CSS Attribute Formula" be:
Useful for custom CSS/Javascript code. This allows you to change how this particular question looks or works using custom coding.
The Sliders have a "Global Style" tab where you can set the design of all the Sliders in the calculator. Set the colors and sizes here to make the slider as unique as you like.
