Forum Discussion
Slider process interaction with layers
Hi,
I've created slider process interaction with layers like in the exemple https://community.articulate.com/download/sample-slider-interaction-for-storyline-2
I have basic layer with instruction "Click and drag the slider to learn about each step." and I have 5 different layers for 5 different steps.
I want to show each layer(step) when learner moves the slider.
I've set up the slider options like this:
Variable: slider 1
Update: When slider is dragged
Start:0
End: 5
Initiale:0
Step: 1
I've set up 5 triggers like in Nicole's exemple like this:
Show the layer 1
When Slider 1 modifications
If slider 1 is equal to 1,00
...and so on for each or 5 layers
The problem is that I don't have in the output the slider moving on each of 5 steps. It moves only to the middle and that's all. I suppose I didn't set up right the slider options. Could someone help me to unblock the situation? I can upload my source file if needed.
Thanks so much for advices!
- WendyFarmerSuper Hero
Hi David
the object name is Slider 1 (timeline) and the variable reference is Slider 5 (design tab) - see image below. You need to make sure you are referencing the correct variable in your triggers
- DavidTappendenCommunity Member
Perfect! Thanks again
- WendyFarmerSuper Hero
Happy to help David - good luck with your project.
- HeatherVogtCommunity Member
Hello! I'm also having Slider problems. I attached my project with a description of the problem, but here it is again:
I’d like the learner to be able to use the slider (on the base layer) to choose a scene – an office (sub layer 1) or a waiting room (sub layer 2). Based on the scene they’re on, I’d like to deliver content. Easy enough, right?
My problem is I’d like to use the same slider on the base layer for the sublayers so the learner doesn’t get stuck on a sub-layer; I’d like them to go to the office layer if they’re on the waiting room, and vice versa.
How do I refer to the base layer's slider (SLDR Scene Change) on the sub-layers without having ALL the stuff from the base layer (which has the initial slider on it) on the sub-layers? Currently, the sub-layers have their own sliders – SLDR office and SLDR Waiting Room. Ideally, I’d like them all to refer to and use SLDR Scene Change.
Also, the slider’s thumb doesn’t seem to move from layer to layer. I’d like the slider to reflect the step it’s on – 1 for the office or 3 for the waiting room.
Thanks for any help!
- DavidTappendenCommunity Member
Hi Heather!
I'd love to check the Storyline file but it appears you are on a newer version than me :)
Check this file and see if it answers your question :)
All triggers are on the base layer
- HeatherVogtCommunity Member
David,
Thanks for your timely response and awesome project! This is exactly what I'm looking to do, but for some reason I can't choose my Base Layer as a Show Layer choice; FYI: "Prevent the user from clicking on the base layer." is unchecked in my Slide Layer Properties.
I also see you have a single slider that's in the same place on the base layer and each sub-layer; that's my ideal set-up, but the slider on my base layer doesn't show up on my sub-layers. I don't know if it's buried somewhere or what, but I can't find it. If I hide all my sub-layer stuff, I can see it (since I'm not choosing to hide the Base Layer stuff), but I can't put it on top of the sub-layer stuff.
Unfortunately, what I *think* I might have to do is redesign the slide (which has TONS of shapes put together to build an office or waiting room scene) and make the base layer's slider visible on each layer. I also need to redesign the base layer so I can cover up the base layer stuff the learner shouldn't see when they're on a sub-layer. Wow this sounds complicated and time-consuming...that's why I swear I'm missing something.
Thanks again! I'll be really bummed if I need to scrap this idea altogether.
- HeatherVogtCommunity Member
Thanks to David's help and some tinkering of my own, I think I solved this problem. If you're interested, check out my sample file below.
First you'll see my original problem, and then you'll see my solution as well as some explanatory text. If this helps anyone in any way, I'd like to share!
Thanks!
- DavidTappendenCommunity Member
good stuff. What I sometimes do to hide what I don’t want on the base layer is simply put a square shape as the background for each layer 😊 that or select the “hide base layer” on each sub layer. I’m currently awaiting an upgrade to 360 so will check out your files then 👍
- AnandMorabCommunity Member
Hello,
I have a slider interaction. I have attached the file. What I need to achieve is, when the learner drags the slider as shown in the base layer (The choice 3.1)...as the learner drags the slider slowly along the track, the layer Belgen should wipe in. Also as the slider is dragged along the track to the left, the base layer should appear like as if the belgen layer wipped off to show the base layer. In the SL file, Sc2 is just my various attempt to create the effect but unsuccessful.
Thanks
Sajna
- AnandMorabCommunity Member
Hello,
In support of my above query, I am adding a .flv to show you what I want to achieve.
Thanks
Sajna
- DaraBarcelonaCommunity Member
Hello,
I have a similar problem as the initial one above, followed the instruction videos and still couldn't manage to make it work. Thank you in advance.
I want to show each layers when the slider moves.
Slider info:
Variable: myApp
Update: When slider is dragged
Start:1
End: 4
Initial: 1
Step: 1Layers:
Step 1
Step 2
Step 3
Step 4
Step 5Triggers:
Show layer "Step 1"
when "myApp" moves
If its value = value "1"-- so on for "Step 2" and value "2".....
Show layer "Step 1"
When the "timeline starts" on this slide
Please see attached file.
Thank you so much!!Hello Dara!
I created a similar download that I think will help you out! Take a look at the steps in this article: How to Build a Simple Slide-to-Reveal Interaction
- LibbyDoran-8769Community Member
Hello! Can anyone help me restart the timeline on my layers so that the slider interaction can loop indefinitely? At the moment it only works once, then the animates fade and wont reappear when the slider moves again. Sorry, I feel this is obvious but my brain mustn't be working. or is there a way to do this using states that has a nice fade?
- JohnMorgan-c50cFormer Staff
Hi Libby,
I would love to help you with your issue, but I have a follow-up question for you. What is the end result you would like with this slider? Do you want the text to fade in and stay on the screen until the user moves the slider?
Looking forward to your response!
- LibbyDoran-8769Community Member
Thank you John! Yes, I am just wanting the text to stay on screen and fade out when the user moves the slider to the opposite end. If they move the slider back toward each end, the corresponding text will fade in again. (different text on each end)