1. Is the Page or Scrolling section element showing the Next button?
If there are no interactive activities or exercises (the page/scrolling section only contains text and images), the Next or Continue button should be triggered by the Page or Scrolling section.
To change this for:
Pages
Select Edit on the element and change the Hide/Delay setting:
βScrolling
Uncheck Hide Next and Continue buttons and (optional) adjust the Show Next and Continue button Delay setting
2. Is the interactive activity or exercise showing the Next or Continue button?
Open the page and check the element types. Compare against the element settings below, and change if needed:
Element name | Setting name | How to show the Next button |
Content: Text | N/A | Triggered by the Page or Scrolling section. |
Content: Bullet list | N/A | Triggered by the Page or Scrolling section. |
Content: Button | Next button action | Show button |
Content: Accordion/Slideshow | Completion actions | SKILLCASTAPI.showNext(); |
Content: Flip cards | Next button action | Next page |
Content: Policy | Show next | Yes |
Media: Video player | Next button action on video ended | Show button |
Media: Single video | It is set automatically once the video is uploaded. | showNext(); |
Module: Page | Hide/Delay Next | Show Next Delay Next |
Module: Page template | N/A | The Next button action is pre-set according to the template selected. |
Module: Assessment | Next button action when passed Next button action when failed | Next page |
Page: Scrolling section | Hide Next and Continue buttons | Uncheck |
Page template: Scrolling section | N/A | The Next/Continue button action is preset according to the template selected. |
Page: Content container | N/A | Triggered by the Page or Scrolling section. |
Page: Close content container | N/A | Triggered by the Page or Scrolling section. |
Exercise: Multiple choice question | Next page action | Show button |
Exercise: Drag and drop | Completion Action | SKILLCASTAPI.showNext(); |
Review: Points update | Next page | Show button
Use Module: Page Hide/Delay Next setting, or define here under each level. |
RegTech: Multiple choice question | Next button action | Show next button |
RegTech: Text input question | Next button action | Next page |
RegTech: File upload question | Next button action | Next page |
RegTech: Submit button | Completion actions | SKILLCASTAPI.showNext(); |
RegTech: Review submission | N/A | Triggered by the 'RegTech: Submit button', Page or Scrolling section. |
RegTech: Alerts review | N/A | Triggered by the 'RegTech: Submit button', Page or Scrolling section. |
Code: CSS | N/A | N/A |
Code: HTML | N/A | N/A |
Code: Javascript | N/A | SKILLCASTAPI.showNext(); |
Legacy: Multiple choice question | Completion actions | SKILLCASTAPI.showNext(); |
3. Is the element triggering the Next button visible?
If you have a single interactive element or exercise on a Page or Scrolling section, set to Always visible in the Visibility field of the Properties tab:
β
β
If completing an element adds another element, make sure the second element is set to Hide on all screens, and that you set the Next button action as Show button in the Content tab. That way, it only appears after the first element is completed:
4. Are serial Multiple Choice Questions (MCQs) set up correctly?
Serial MCQs appear one after the other, and on the same page or scrolling section. In the visibility dropdown, set the first MCQ as Always visible, to start the chain.
The other questions should be set as Hide on all screens, so they only appear after the previous question is completed.
β
Underneath the visibility dropdown is the Identifier field. Here is the correct logic for a series of MCQs and identifiers where the Next button appears. The completion action and add element are available when you select the Content tab > Completion actions tab:
Identifier | MCQ_1 | MCQ_2 | MCQ_3 |
Visibility | Always visible | Hidden on all screens | Hidden on all screens |
Completion action | Add element MCQ_2 | Add element MCQ_3 | Next page action: Show button |
Here are some example scenarios where the Next button won't appear:
MCQ_1 doesn't appear | MCQ_2 doesn't appear | MCQ_3 doesn't appear |
The first MCQ isn't set to Always visible in the visibility dropdown. | MCQ_1 does not Add element MCQ_2 | MCQ_1 does not Add element MCQ_3.
Final MCQ isn't set to show the Next button in the Completion actions tab (shown in gif below) |
Guidelines when deleting an MCQ within serial MCQs
Example scenario: Three MCQs
If deleting MCQ_1
Set MCQ_2 as always visible in the visibility dropdownIf deleting MCQ_2
Either set MCQ_1's completion action as add element MCQ_3, or change MCQ_3's identifier to MCQ_2 and leave the completion action as add element MCQ_2If deleting MCQ_3
Set MCQ_2's completion action as Show button instead of add element MCQ_3
Guidelines when adding an MCQ within serial MCQs
Make sure it aligns with the existing chain
For example, if it's a new fourth question, its identifier should be MCQ_4. If it's to be the first MCQ, set its visibility as Always visible, and adjust the other three identifiers (MCQ_1 becomes MCQ_2 and visibility is set to Hide on all screens, MCQ_2 becomes MCQ_3, MCQ_3 becomes MCQ_4)Completion actions
Make sure these align with the series, so MCQ_3 should be to add MCQ_4, and MCQ_4 should be to show the Next button
Working with legacy MCQs
If your model contains a Legacy: Multiple choice questions element, consider updating to Exercise: Multiple choice questions. Otherwise, make sure the addElement function is correct. For example, a completion action for MCQ_1 would be SKILLCASTAPI.addElement('MCQ_2', 1); because:
MCQ_2 is the identifier of the next MCQ
1 is the fade animation code
If it's the final question, the completion action should be:
SKILLCASTAPI.showNext();
5. Is there a script on the page?
Some templates are script-based, so you may need some coding knowledge to edit. The Next or Continue button is called in the JavaScript element, where there are conditions to be met. For example, all buttons must be selected before the Next button shows.
So you may need to edit the code where you find these rules. We recommend using a notepad or visual code editor where you can compare original and edited code.
Completed all the module changes? Here's what to do when you finish creating or editing modules






