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