Inserting next and previous buttons

Feb 20, 2019

I have created slides in Storyline and dont like the default arrows for next and previous, so I have copied and pasted next and previous boxes onto the slides. I also want the next button to be disabled until the learner views the video or tabs interaction and then becomes normal after they have viewed the content. So for slides with videos I edited states to disable next button when timeline starts and then change state to normal when timeline ends. This worked the first time I did this. Then I copied and pasted the next button onto another slide that contained a video then neither button worked. Do I need to create separate next and previous buttons for each slide? Could I also ask for some ideas on next and previous buttons for tabs interactions so that the learner must view all tabs before moving onto the next slide. Any help will be greatly appreciated. 

1 Reply
Ned Whiteley

Hi Regina,

If you create your own Next and Previous buttons and then copy them and paste them into you other slides, the triggers should be automatically set up to jump to next and previous slide respectively when the buttons are selected. However, you should note that Previous slide doesn't mean the next slide up in the Storyline story view structure, but refers to the last slide that you visited (rather like using the Back arrow in your web browser). This can result in unexpected slide navigation for those who are unaware of it.

If you want the Previous slide to be the next slide higher up in the structure, then you will need to jump to that slide by name. In this case, you will need to set the triggers for each of your Previous buttons accordingly.

The other option you have for changing the state of your Next button on a video slide is When Media Completes. This allows for anything else you want to put in your slide that might extend the timeline beyond when the video finishes and still lets you enable the Next button when you want to do so.

In the attached demo, I have set up tabs 1 - 4 on the first slide and, once all of these have been visited (i.e. selected), the Next button appears at the bottom of the screen. When the Next button was set up, I set its initial state to Hidden and hence there is no need to disable it when timeline starts.  When the Next button is selected on the first slide, it resets all tabs to Normal, hides the Next button and then jumps to the next slide (it is important not to jump to the next slide until the other tasks have been triggered). This then sets up Slide 1 for next time it is visited.

If you select the Next button on Slide 2, you will be sent to Slide 3, which has a short, seven second video that runs automatically. Once this video completes, the Previous button appears. As with the Next button on Slide 1, the initial state of this button was set to Hidden.

Hope this helps and gives you some ideas for your project.

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