Forum Discussion

timgrice's avatar
timgrice
Community Member
5 months ago

Setting up Conditional States and Triggers

Hi there,

I'm relatively new to Storyline - so I'm currently on a steep learning curve to discover and learn the functionality.

In this example, I have a page with 4 layers (each of the four layers will ultimately have just a short video demo on it).

I would like the "Next" button to appear on the original page only when ALL videos have been viewed. Ive managed to get some help in sorting out the pages whEre there is only ONE layer with One video. But I'm struggling to work out how I could do this when there are multiple layers.

Is there a simple solution to this?

Thank you

Tim

 

advice
storyline 360

2 Replies

  • KendalRasnake-1's avatar
    KendalRasnake-1
    Community Member
    5 months ago

    Hi,

    One way you could try is using variables.

    1. Set the state of the Next button to Hidden or Disabled
    2. Create 4 True/False variables, one for each video. Set the default value to False.
    3. Create 1 True/False variable to represent when all videos have been viewed. Set the default value to False.
    4. Set a Trigger on each video layer to change the video variable. For example, Adjust variable Video 1 to True when timeline ends on this layer.
    5. Set a Trigger on the base layer to change the all videos variable to True when all 4 video variables have been changed to True. Adjust variable All Videos to True when the variable Video 1 changes to True, when the variable Video 2 changes to True, etc.
    6. Set a Trigger on the base layer to change the state of the Next button image to Normal when the All Videos variable changes to True. Change State of Next button, set state to Normal when the variable All Videos changes to True.
  • Nedim's avatar
    Nedim
    Community Member
    5 months ago

    Alternatively, you can use four True/False variables, each initially set to False (e.g., video1Complete, video2Complete, etc.), and an additional number variable called videosCount set to 0.
    When any video on any layer completes, run the following two triggers:

    1. Add 1 to videosCount when the video completes, if videoXComplete is False.
    2. Set videoXComplete to True when the video completes, if videoXComplete is False.


    Example:

     

     

     

     

     

     

    This ensures videosCount only increases once per video and gives you a clean way to track progress. 
    On the base layer, create a trigger: Change the state of the Next to Normal when the variable videosCount changes, if videosCount is greater than or equal to 4. See the attached example.