Blog Post
KarynJones-5c19
6 years agoCommunity Member
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
- TrinaRimmer6 years agoFormer StaffHi 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- KarynJones-5c196 years agoCommunity MemberAmazing! Thank you so much :)