Multiple Sliders on One Page.

Feb 25, 2015

Frankly guys I am stumped!

This should be quite simple I think  so I have 3 sliders i would like to add up to 100 as Percent / Arbitrary value  all three sliders are on one page! .

I would like to display the value of each sliding bar up to 100 i achieve this using the %slider1% and so on   then i create a 4th value lets say %Total%

at this point it falls over i can get the 4th variable to display  the value of one slider but using triggers to add each variable doesn't play ball i  get an oddly soaring value when i move the second or third slider. ? 

 

any ideas E-learning gang!

( Beaten and broken right now hopefully ime missing the simplest of things!) 

 

any help appreciated!

 

 

 

17 Replies
Christopher Irwin

Michael:

I'm trying to replicate the example in your link above (dev.keypointlearn/xcl73_SL2...). While I understand the concept of sliders adjusting the value of the "Total" variable in Alex's case, I can't even begin to figure out how to arrange a slider to influence the movements of other sliders (and related elements).

Can you help me with this?

Chris

Michael Hinze
Christopher Irwin

Michael:

I'm trying to replicate the example in your link above (dev.keypointlearn/xcl73_SL2...). While I understand the concept of sliders adjusting the value of the "Total" variable in Alex's case, I can't even begin to figure out how to arrange a slider to influence the movements of other sliders (and related elements).

Can you help me with this?

Chris

@Chris, Each slider is driven by it own variable. You could use triggers to adjust the variable values of 'slave' sliders, based on the changing value of a 'master' slider variable. It takes some math and triggers, but that's really all there is to it. See attached a rough example with a master slider and one slave. You can expand on that basic idea and, like I did in my example, then change the state of objects, e.g. volume indicators, based on the changing slider variables.

Christopher Irwin

...I was happy when I was able to get the "slave" sliders to move upward when the "master" was moved, but I was unable to get them to move back down. The key seems to be the "PreviousMaster" variable that you use. 

A very cool solution. 

One more thing: It appears that the changes in the volume indicators are actually masks that move to reveal more or less of the colors underneath. Is this actually the case?

Michael Hinze
Christopher Irwin

...I was happy when I was able to get the "slave" sliders to move upward when the "master" was moved, but I was unable to get them to move back down. The key seems to be the "PreviousMaster" variable that you use. 

A very cool solution. 

One more thing: It appears that the changes in the volume indicators are actually masks that move to reveal more or less of the colors underneath. Is this actually the case?

Yes, if you want to move a slave slider with some offset in relation to a master, you need to have a way to determine which direction (left/right/up/down) the master is moving. In my quick excample, I used the variable you mentioned to make that decision. Based on that, you add/subtract some offset value from the slave slider variable. 

The volume indicators in my original example, are done with object states rather than moving masks. The effect is the same.

Christopher Irwin

Micheal:

I tried this on one of the sliders in the attached ".story" file, and I think I've correctly implemented the triggering, yet the "slave" slide does not go down when I move the "master" down.

Do you have a moment to help me determine what I did wrong?