I am creating a course with a lot of scrolling panels. Is there any way to disable the next button until they have scrolled to the bottom? I am using SL3.
You can do this by customizing the Scroll Panel and slide/animate the content when the user clicks UP/DOWN scroll button. Using this method, you will know when is the last scroll of the page so you can control and activate the Next button.
It is simply by dividing the content into Layers. Let say, the content requires 5 clicks for a complete scroll. Then let's display the first scroll into Layer 1, 2nd scroll into Layer 2 and so on. If Layer Layer 5 is shown which is the last scroll, activate the Next Button.
This method is just mimicking the scroll pane but using a click instead of a dragging.
For adding the beauty of the content, add a Motion Path to have a smooth scrolling.
Another option using Storyline's scrolling panel function is to embed the Next button at the end of your document. I use this for policy acknowledgments. I embed some basic instructions above the document, then the document itself, and finally some completion instructions with an "Agree" button. I disable the slide navigation and use the Agree (or Next) button embedded in the scrolling panel to trigger advancement; for me, that completes the course / acknowledgment. This work really nicely on both desktop and mobile players - as on mobile the learner simply touches the screen and drags to scroll. Hope this helps.
6 Replies
Hi Samantha,
You can do this by customizing the Scroll Panel and slide/animate the content when the user clicks UP/DOWN scroll button. Using this method, you will know when is the last scroll of the page so you can control and activate the Next button.
Hi Matthew,
It is simply by dividing the content into Layers.
Let say, the content requires 5 clicks for a complete scroll. Then let's display the first scroll into Layer 1, 2nd scroll into Layer 2 and so on. If Layer Layer 5 is shown which is the last scroll, activate the Next Button.
This method is just mimicking the scroll pane but using a click instead of a dragging.
For adding the beauty of the content, add a Motion Path to have a smooth scrolling.
Hi,
Here is my sample of simulating the Scroll Panel.
First I disabled the Next button, then I enabled it when at the end of the firs scroll. (assuming that is the last content)
That works, thanks so much!
Great! Glad that it helped.
Another option using Storyline's scrolling panel function is to embed the Next button at the end of your document. I use this for policy acknowledgments. I embed some basic instructions above the document, then the document itself, and finally some completion instructions with an "Agree" button. I disable the slide navigation and use the Agree (or Next) button embedded in the scrolling panel to trigger advancement; for me, that completes the course / acknowledgment. This work really nicely on both desktop and mobile players - as on mobile the learner simply touches the screen and drags to scroll. Hope this helps.
This discussion is closed. You can start a new discussion or contact Articulate Support.