Skip to main content

Can't view the Next or Continue button?

Updated this week

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 dropdown

  • If 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_2

  • If 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

Did this answer your question?