125
Slider example
Total:
+
was € 75
Coffeebudget
was € 45
Teabudget
width
by default, you can resize the slider above and it will rescale the values accordingly. If you want to make a more visual slider, add an image above and copy the appropriate values below (and unclick 'resize auto')
startX
min
max
Advanced settings:
Min/Max/Start: what should the values of the slider be?
max
min
Show positive feedback:
below
Show warning feedback:
Additional settings:
above
Are there ideal values? And 'bad' values?
These are settings for the UX designer and should be hidden from the user
(just resize the dynamic panel)
The slider and button can be styled. To style the button, just change state1 and reposition the dyn_button. To style the slider, also change the advanced settings.
start
Basic settings
Please input a value higher than € MIN
Please input a value lower than € MAX
We recommend a value higher than € MIN
We recommend a value lower than € MAX
Warning
Error
Good feedback
Anything between € MIN and € MAX is excellent!
give feedback (warning or positive)
make sure slider is >0 and <width and give feedback when it isn't. Update total
Displays above drag button. Is stylable by editing
change slider based on value
Below are the calculators. You don't need to change these
change value based on slider
hint
Basic settings
Hint settings
Variable texts, what feedback do you want to give to your users?
was € 25
Cookiebudget
width
by default, you can resize the slider above and it will rescale the values accordingly. If you want to make a more visual slider, add an image above and copy the appropriate values below (and unclick 'resize auto')
startX
min
max
Advanced settings:
Min/Max/Start: what should the values of the slider be?
max
min
Show positive feedback:
below
Show warning feedback:
Additional settings:
above
Are there ideal values? And 'bad' values?
These are settings for the UX designer and should be hidden from the user
(just resize the dynamic panel)
The slider and button can be styled. To style the button, just change state1 and reposition the dyn_button. To style the slider, also change the advanced settings.
start
Basic settings
Please input a value higher than € MIN
Please input a value lower than € MAX
We recommend a value higher than € MIN
We recommend a value lower than € MAX
Warning
Error
Good feedback
Anything between € MIN and € MAX is excellent!
give feedback (warning or positive)
make sure slider is >0 and <width and give feedback when it isn't. Update total
Displays above drag button. Is stylable by editing
change slider based on value
Below are the calculators. You don't need to change these
change value based on slider
hint
Basic settings
Hint settings
Variable texts, what feedback do you want to give to your users?
width
by default, you can resize the slider above and it will rescale the values accordingly. If you want to make a more visual slider, add an image above and copy the appropriate values below (and unclick 'resize auto')
startX
min
max
Advanced settings:
Min/Max/Start: what should the values of the slider be?
max
min
Show positive feedback:
below
Show warning feedback:
Additional settings:
above
Are there ideal values? And 'bad' values?
These are settings for the UX designer and should be hidden from the user
(just resize the dynamic panel)
The slider and button can be styled. To style the button, just change state1 and reposition the dyn_button. To style the slider, also change the advanced settings.
start
Basic settings
Please input a value higher than € MIN
Please input a value lower than € MAX
We recommend a value higher than € MIN
Cookies are not healthy. Please stay below € MAX
Warning
Error
Good feedback
Anything below € MAX is good!
give feedback (warning or positive)
make sure slider is >0 and <width and give feedback when it isn't. Update total
Displays above drag button. Is stylable by editing
change slider based on value
Below are the calculators. You don't need to change these
change value based on slider
hint
Basic settings
Hint settings
Variable texts, what feedback do you want to give to your users?
‹ default options
‹ shortened slider, no feedback
‹ customised