• Blog
  • Meet Our Trainers
  • Training Schedule
  • Contact
  • Privacy

As heard in training...

Can I Change the Thumb on the Slider When It Moves Along the Track?

May 11, 2016   Yukon Learning    Leave a Comment

At the end of our Articulate Storyline Advanced Day of training, we teach a feature called Sliders. It’s such a great feature to end the day with because sliders are so slick and easy to use, and “out of the box” look absolutely beautiful! However, people usually want more, right? Quite often, we’re asked, “Can I change the thumb on the slider?” or better yet, “Can I change the thumb on the slider when it moves along the track?”

In this blog entry, we’ll describe how to adjust the visuals on your “out of the box” slider, and you’ll even get an opportunity to grab the Storyline source file too!

Create a Slider

You’ll start with a basic slider found under Insert | Controls | Sliders.

01May2016a

Any of these sliders will work just fine.  Since we’re going to change what the entire thing looks like anyway, any of the sliders will do.

In case you weren’t aware, sliders use the functionality of variables: number variables to be exact. By default, as you move the slider, it increases or decreases that number, depending on the “Step” property assigned.

By default, the slider has 11 positions. However, this can be changed in the Slider Tools | Design tab. For this example, I used 6 total positions, setting the Start to 0 and End to 5.

02May2016

The slider itself has two pieces: a Thumb and a Track.

03May2016

Both of these objects can be adjusted on the Slider Tools | Format tab.

04May2016

You might notice that you can adjust the Thumb Fill and Track Fill with a different color…or with a picture or texture! For this example, I used a .PNG picture file as my thumb, so I also removed the Thumb Border.

05May2016

A slider can do tons of different things. Whatever you want your slider’s reality to be, just create it! It might be showing a layer, changing the state of something on the slide, calculating a different value–it’s really up to you! In my example, I created a layer for each position of the slider.
Tip: Create your first layer or state how you want it, then duplicate it for more rapid e-Learning development!

06May2016

Layers are great, but remember, the learner will never see the layer without a trigger. Here’s the trigger I used for the slider to show a layer at each position:

07May2016     08May2016

Keep in mind you’ll need a trigger for each layer and possibly a trigger to start the slide with a layer already showing.
Tip: Duplicate your triggers and change the value of each for a more rapid e-Learning development.

Changing the States of the Slider

What if we want the slider itself to change to the new icon as the slider is moving? That is a state change…of the slider itself! That’s right, sliders can have states too!

09May2016

Then it’s a matter of triggering the state change of the slider, just like we triggered to show the layer.
Tip: Don’t forget to change the slider back to Normal if the slider goes all the way back to zero!

10May2016

Take a look at the finished product HERE.

Download a copy of the source file to reverse engineer it HERE.

Conclusion

If you love sliders but are hoping for a completely different look and feel, look no further than your own imagination! Instead of focusing on what you believe might be a limitation, explore! Think outside the box!

As a great Jedi once said, “Your focus determines your reality.” ~Qui-Gon Jinn

Stephani

~Stefanie

Interested in learning even more about sliders? Check out this earlier blog entry about using sliders with motion paths.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

     

Join  

Enter your name and email  below to instantly subscribe to The Articulate Trainer blog:

 
 
 

We take your privacy seriously. No spam ever.

  • Home
  • Blog
  • Meet Our Trainers
  • Training Schedule
  • Contact
  • Privacy

Copyright © 2023 The Articulate Trainer

Articulate, Articulate Storyline, and Articulate 360 are the trademarks or registered trademarks of Articulate Global, Inc.
Yukon Learning and Making E-Learning Easy for Everyone are the trademarks or registered trademarks of Yukon Group, Inc.