IonDen / ion.rangeSlider

jQuery only range slider
http://ionden.com/a/plugins/ion.rangeSlider/en.html
MIT License
2.56k stars 508 forks source link

Slider Calcutation #786

Open Frankcatsdad opened 1 year ago

Frankcatsdad commented 1 year ago

Hi!

I am using 3 range sliders in a Piotnet form to make a calculation. I want to add each slider together to give an end price.

Slider 1 - range 0-20, 20 steps (i want to assign a value of £15 per step) i.e. 0 = 0 1 = 15 2 = 30 3 = 45 etc.

Slider 2 - range 0-20, 20 steps (i want to assign a value of £10 per step) i.e. 0 = 0 1 = 10 2 = 20 3 = 30 etc.

Slider 3 - range 0-250, 6 steps (i want to have the steps below with these values) 0 = 0 25 = 56.50 50 = 112.50 100 = 225 150 = 337.50 200 = 450 250 = 562.50

This is my starting point:

skin: "round", type: "single", grid: true, min: 0, max: 20, from: 0,

I hope you can assist me with this.

Many thanks Martin

Frankcatsdad commented 1 year ago
Screenshot 2023-04-25 at 18 23 06
dave-gil commented 1 year ago

Hi, @Frankcatsdad, you need to use a Pionet Calulation Field (for the fourth field) adding together the value of each of the 3 sliders.

In the calculation field enter the following:

[field id="slider1"]+[field id="slider2"]+[field id="slider3"]

Tha calculation should update as you adjust the sliders.