Moving a slider with a button

Apr 25, 2023

I want to move a slider using buttons. I found a video showing the method, but the newer version of storyline does not offer the same options of using the operation "add".  The only two options I can find for moving the slider bar are: When slider is dragged or when learner releases.  I want to have an up and down button similar to the video:  https://360.articulate.com/review/content/696ae8c3-74fe-4ae9-b776-5464f0d6cd66/review

 

7 Replies
Luciana Piazza

Hi Jenna, 

Thanks so much for reaching out! Happy to help! 😊

I went ahead and recreated Tom's sample on my end and discovered what you are running into.

Good news- this is a quick tweak on your end! All you need to do is modify the Set portion of the trigger to Add or Subtract. Here's a quick Peek where I explain how I modified this in my Storyline project file and share a preview of the slider in action. 

    • Here is a closer look at the Triggers I inserted for the UP and DOWN buttons: 

Attached you'll find my Storyline 360 project file so you can take a closer look at how I created this. 

Let me know if you have any other questions! 

Judy Nollet
Eric Schaffer

I see Judy has posted some screen shots of the triggers. One question Judy. 

With these triggers, if the user clicks on the down button 3 times, they need to click on the up button 3 times before the slider will move. How is this preventable?

You can set a range for a slider (for example, 1-10). And when a user drags the slider back and forth, the associated variable stays within the designated range. 

However, if you use triggers to adjust the slider variable, its number (value) can go outside of the designated range.

To use your example, Eric: Suppose you click a button three times that has a trigger that subtracts 1 from the variable. If the variable started a 0, its value after those clicks would be -3. The slider has no way of showing a value outside of its range, so it doesn't move. And, to get it to move with a trigger that adds 1, you will have to click enough to get the value within range before the slider moves. 

You can use conditions to prevent that issue. 

  • On the trigger that adds to the variable, include a condition, so it will only do that when the variable is < maximum value.
  • On the trigger that subtracts from the variable, include a condition, so it will only do that when the variable is > minimum value.