Here's an engaging example of using a slider to help learners visualize the impact of lifting heavy items in the workplace.
View this project in action
Published 8 years ago
Version 1.0
Blog Post
Hi Trina! This is really cool! I have been attempting to replicate in 360 and I almost have it. One question though: How did you create the RISK slider on the left hand side?! I have been trying for ages to get the colour and thumb style but to no avail!
Thanks in advance :)
Karyn
Thanks in advance :)
Karyn
- Hi Karyn. Glad you like this interaction. The vertical Risk indicator isn't actually a slider at all. The scale is a vertical rectangle with a gradient fill and the "thumb" is just a horizontal rectangle. I simply placed the thumb at the bottom for the normal state version (low risk) and then created three more states for this object, moving the placement of the thumb higher or lower on the scale, according to the degree of risk. Then I just added a few triggers to change the state of that thumb based on how the slider was being moved. I hope that helps!
As an aside, I've just written an article all about sliders that might be of help to you. Check it out here: https://community.articulate.com/articles/4-pro-tips-for-working-with-sliders- Amazing! Thank you so much :)