Displaying Text Layer when you click on Next button

Mar 31, 2014

I'm fairly new to Articulate Storyline. I want to be able to show my 4 text layers one at a time when the user clicks on the player Next button.how can this be done?

12 Replies
Ashley Chiasson

Hi Marjorie,

You would use triggers on the base layer (the initial layer). Here's a great explanation of adding triggers:

http://community.articulate.com/tutorials/products/adding-and-editing-triggers.aspx

First you would add trigger, then you'll have a popup appear. You should structure it as follows:

Action: Show Layer

Layer: (the layer you want to show)

When: The User Clicks

Object: Next button

Let me know if you have any other questions

MJ R

Thank you Ashley, This is awesome but not what i am looking for. I'm not creating any buttons on my page to create triggers to show layer.

I'm strictly staying with the player next and previous buttons. I want the user to:

- click player next button and show layer 1

- click player next button and show layer 2

- click player next button and show layer 3

- click player next button and show layer 4

- only until all layers are shown they can advance to next slide.

is this possible?

Ashley Terwilliger-Pollard

Hi Marjorie,

I believe Ashley was referring to the built in next button, and you could follow her set up, but you'd need to include some conditions at which point it should jump to the next slide - and I'd suggest adjusting a t/f variable for each slide layer when it's visited, and use that as the condition. 

If you'd prefer not to set up this customized navigation, you could make them look like layers by duplicating the base slide and then adding elements to it and creating individual slides that the user would be brought to. 

Rebecca Fleisch Cordeiro

Hi Marjorie,

I had changed this file I created a while back to move first through 3 layers and then jump to the next slide. I used a number variable, named it LayerCount.

LayerCount is set to 0 when the timeline of the Base Layer starts.

1 is added to LayerCount each time users click the Next button.

Triggers tell Storyline to

show layer 1 if LayerCount=1

show layer 2 if LayerCount=2

show layer 3 if LayerCount=3

Jump to next slide if LayerCount=4

I think that will work for your purposes? I've placed a text reference to the variable on the base layer so you can see the "count" count!

Mushtak Dawood

Thanks Rebecca,
I have many slides with 3 layers each. I'm facing the same problem and i would appreciate some help if possible. I followed your instructions. what is happening when adding the triggers, they jump automatically (the trigger statement) to the base layer.  it is working from th ebase layer to the Layer 1 and stops there.here is what am doing for moving from layer 1 to layer 2 (I've named all layers 1,2 ,3...)

Actions: Show Layer
Layer : 2
When: user clicks
Object: next button
conditions:
Variables (ticked)
if : Layercount
Operation == Equal to
type: Value
value: 2

many thanks in advance

 

Yangfran Ardila

Hi all, 

I have been reading a bunch of posts related to how to trigger layers with the next button; and first of all i can't believe that Storyline 2 has not created/developed this action as simple as selecting show layers when the user click on Next Button. So, Articulate Team, you have an area to improve. 

i have found the topic of variables quite complex and not an easy going topic. therefore, my simple suggestion is to include an object that triggers the next layer and so on.

Probably, there are many simple solutions to this topic, but so far this is the simple ones that I've found.  Please, let me know if you have any other that i can use.

thank in advance.

regards,

Ali Goulet

Hey Yangfran!

Thanks so much for reaching out here and sharing your experience. If you're only using one layer, you can simply create a trigger to show layer when next button is clicked which you can check out by taking a quick Peek at this screen recording just for reference.

However, when you're wanting multiple actions for one specific object on a slide, such as using the next button to show multiple layers, each layer needs to have a variable in order differentiate them as described earlier in this thread. I know this can definitely be a little confusing at first, so if you have a sample of a project you're working on feel free to share it here so the community can assist further in getting that setup to work for you! 

Your workaround to include a new object on each layer to trigger the next one is also a great idea. Since each layer has it's own object, and you're not using one object to trigger multiple actions on the same slide, variables are no longer needed. :)

This discussion is closed. You can start a new discussion or contact Articulate Support.