Revealing the Mark Complete button on either a Lesson or Topic Page Using Storyline Content

The eLearning Magic Toolkit plugin now gives you the ability to reveal the Mark Complete button to your learner on either a Lesson or Topic page upon completion of an activity built into Articulate Storyline embedded content.

Step 1 – Choosing a topic or lesson page where you wish to hide the ‘Mark Complete’ Button

The first step is to navigate to the edit page area of WordPress for either your lesson or topic page for which you wish to hide the Mark Complete button from the learner.

You will find one of the metaboxes shown below, simply check the tickbox in order to hide the Mark Complete button and click the blue Submit button in order to apply the changes to the page.

Step 2 – Use The Following JavaScript Code When Creating Your Content

In order to reveal the button on the page as opposed to automatically marking the lesson or topic as complete, we need to use another completely different piece of JavaScript code when setting up our Execute JavaScript trigger in Articulate Storyline: parent.addLearnDashMarkCompleteButton();

Step 3 – Publish your content onto either your Lesson or Topic page in the usual way!

Content needs to be embedded onto your page in LearnDash in the same way, the only difference in this case is that the action triggered in Storyline or Captivate will fire a different JavaScript code in order to reveal the Mark Complete button as opposed to automatically progressing the learner forward.

If you need further information on best practice for embedding Storyline content onto a web page, use this Articulate Storyline help guide.

Read the rest of our Knowledge Base pages to make the most of the eLearning Magic Toolkit.