Range select using two overlapping sliders
May 02, 2018
I created a range selection interaction using two overlapping sliders, that correspond to each other, so there is also at least a difference of 1 between each.
UPDATE: Black line in the middle now resizes while you drag the slider.
I think it works quite well! :)
14 Replies
This is great! So many uses for this.
Nicely done! It's so smooooth.
This is awesome!
I used web objects earlier, but now I will surely try creating this first. :)
Thanks, Jane!
Aman, it's quite easy actually. :)
I had tried to create a rangeslider in SL1. It was 'quite painful', but I got it to work (sort of). See here.
Michael, nice job, but why would you put yourself through the pain of using SL1? :)
Because that's what was available in 2014 :-). Here is my old blog post. I certainly would use SL3/360 now.
That's really cool, Nejc!
Hey Nejc - would you mind sharing your example in our slider challenge: https://community.articulate.com/articles/interactive-sliders-elearning-challenge/ This would be a great one to include our examples.
Works great! Love it.
This is so neat! Would you be able to share how you did this? Curious to see how it was done.
Fantastic, Nejc!
So neat! Thanks for sharing!
A recent forum discussion nudged me to build something similar.
Here's how I think Nejc built his slider: https://360.articulate.com/review/content/4769f26d-1d7b-4892-84cb-9fb56b10725f/review
Source file attached.
This discussion is closed. You can start a new discussion or contact Articulate Support.