Range select using two overlapping sliders May 02, 2018 By Nejc Žorga Dulmin 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! :) TEST DEMO HERE
Aman Vohra 6 years ago05/03/18 at 4:28 am (UTC) This is awesome! I used web objects earlier, but now I will surely try creating this first. :)
Nejc Žorga Dulmin Author 6 years ago05/04/18 at 12:32 pm (UTC) Thanks, Jane! Aman, it's quite easy actually. :)
Michael Hinze 6 years ago05/04/18 at 12:39 pm (UTC) I had tried to create a rangeslider in SL1. It was 'quite painful', but I got it to work (sort of). See here.
Nejc Žorga Dulmin Author 6 years ago05/04/18 at 12:52 pm (UTC) Michael, nice job, but why would you put yourself through the pain of using SL1? :)
Michael Hinze Nejc Žorga Dulmin 6 years ago05/04/18 at 2:11 pm (UTC) Because that's what was available in 2014 :-). Here is my old blog post. I certainly would use SL3/360 now.
David Anderson Staff 6 years ago05/04/18 at 4:37 pm (UTC) 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.
Jay Chun 6 years ago05/05/18 at 12:56 pm (UTC) This is so neat! Would you be able to share how you did this? Curious to see how it was done.
David Anderson Staff 5 years ago05/24/19 at 4:13 pm (UTC) 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. Range_Slider-DA-2.story
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.