Showing the Next or Continue button

Here is a list of things to check if the Next or Continue button is not appearing and the user cannot progress to the next Page or Scrolling section. Please check:

Completion actions in all elements refer to showing Next. Whether it is a Next or Continue button is determined automatically, depending on the content - the Next button will appear if the upcoming content is on the next page, and the Continue button will show in between the scrolling sections.

Kindly note that you need Edit content permission to access the Content editor.

If the Page or Scrolling section consists of text and images alone, meaning there are no interactive activities or exercises, the Next or Continue button should be triggered by the Page or Scrolling section.

When using scrolling skin, the Page element should always be set to Show Next. Then, set show, hide or delay the Next and Continue buttons in the Scrolling sections.

To change it, in the Content Editor select Edit on the Page or Scrolling section element:

Open the page in question and check what type of elements there are. You can find the element type on the right side of the element. You can then find the relevant elements in the table below.

Here is the list of all elements and their settings that trigger the Next or Continue button to appear. Edit the element to see if the setting is set correctly.

All elements have a 'Visibility' setting in their properties. It should be adjusted according to the page setup.

If you have a single interactive element or exercise on a Page or Scrolling section, it should be set to 'Always visible'.

If an interactive element or an exercise adds an element on completion, the element that will be added should be set to 'Hide on all screens' so that it is not visible from the start.

For example, we need a user to select two buttons with content popups before they can proceed to the next page. To ensure the Next or Continue button appears only when both buttons are selected, we can show them one at a time. Therefore, the first button should be set to 'Always visible' and the second button to 'Hidden on all screens'. When selected, the first button will add the second button, and the second button will show the Next button by setting 'Next button action' to 'Show button'.

When adding or removing interactive elements, we need to make sure the visibility and completion actions are set accordingly. This is also illustrated in the following section.

Serial MCQs are MCQs that appear one after another on the same Page or Scrolling section. The first MCQ must be set to 'Always visible' so it starts the chain, and the rest to 'Hide on all screens', so they appear only after the previous one is complete.

Please see the correct example shown in the table below. Kindly note that the same logic can be applied to any interactive activities that should come into view in sequence.

Please see the different scenarios below. The Next button might not appear if:

If your module contains 'Legacy: Multiple choice question' elements, firstly consider updating it to the latest 'Exercise: Multiple choice question' element. However, the logic here is exactly the same, but we need to type out the completion actions instead of selecting the settings.

Check if addElement function adds the correct element. Considering the example table above, here in the completion actions the MCQ_1 needs to have:

If it is the last serial MCQ element, the completion actions should have:

Some of our templates are script-based. These generally don't require extensive coding knowledge to edit; however, it might appear tricky for someone that is unfamiliar with coding at all.

The Next or Continue button is called in the JavaScript element. There, we also set conditions that must be met, e.g., all buttons must be selected before the user can see the Next button. So, if you need to add or remove the conditions, try to follow the patterns of the rest of the code, and the Next button should appear when expected.

Tip: Before editing the code, copy and paste it into a notepad to check the original against the edited script side by side, as well as revert back easily, if needed.

If you have completed all the module changes, please refer to the article titled What do I do when I finish creating or editing my module?.

*If you think you have the incorrect permissions, please contact your company admin or Customer success manager at [email protected].