Variable field, users define the value of a variable via sliding the pointer on the bar.

Basic settings

Standard basic setting

  • Before value text - prefixes such as % or a currency

  • After value text - postfixes such as % or a currency


Slider settings

  • Min Value - The minimal value a user can select. 0 by default.

  • Max Value - The maximal value a user can select. 100 by default.

  • Step - The step the slider can select. For example, if you have a slider from 0 to 1.000.000, you can let a user select only full thousands by selecting the step to be 1000. 1 by default.

  • Default Value - The default value a user will see when the calculator loads for the first time.

  • Scale - The slider field can display a scale below the slider. Fill in the scale values separated by comma character. For example: 25,50,75. If you want to display some labels instead of the actual numbers, add the labels like this: 25: low,50: medium:75: high.


Condition to display field

Standard condition to display field setting



Standard design setting

Additional information

Start Free Now

Create your own web calculator in a matter of minutes.
Test all features in the 30-day free trial. 

Sign Up Free

No credit card or installation needed


Contact us


US: +1 415 800 3787
UK: +44 207 097 3577
CZ: +420 222 743 843
Office hours: 9:00 - 17:00 UTC+1



Easy Software Ltd.

Kemp House, 152-160
City Road, EC1V
2NX London, United Kingdom
Company ID: 08960980
VAT ID: GB226711521

Easy development center

Jugoslávských partyzánů 34
160 00 Prague
Czech Republic