Automatically Mark A LearnDash Topic Page As Complete Using Storyline Content
Automatically Mark a Topic Page as Complete using Articulate Storyline Content
The eLearning Magic Toolkit incorporates all of the same features as our previous ‘Lesson and Topic Progression Using Storyline / Captivate for LearnDash‘ plugin, but now combined with many additional enhancements and features for Articulate Storyline developers to take full advantage of!
Users of our free plugin version will find that these steps are completely the same. Please refer to our Youtube videos for a visual guide to using both Storyline and Captivate to mark a LearnDash Topic Page as complete:
Articulate Storyline Tutorial – https://www.youtube.com/watch?v=OBh-lkc4Riw
Adobe Captivate Tutorial – https://www.youtube.com/watch?v=_fbYR6YcOSA
Step 1 – Choosing a topic page where you wish to hide the ‘Mark Complete’ Button
Our plugin adds an additional meta box into the Add New / Edit Topic Page administration window. You can apply the settings on a brand new topic page, or a topic page that you had previously created.
Upon activating the plugin, you will notice a new meta box appear with the title ‘eLM Toolkit – SL Mark Complete Trigger’. In order to hide the Mark Complete button, check the tickbox within the meta box and click the blue Publish Button in order to publish / save your topic page. If you preview your topic page, you will now notice that the Mark Complete button has been removed for this page. Now it’s time to produce some learning content in Storyline/Captivate!
Step 2 – Creating your Articulate Storyline content with the Mark Complete trigger
In order to have your eLearning content mark the topic as complete, you must assign a JavaScript trigger to whatever action needs to take place (ie. when timeline finishes on the last slide / when the learner presses a button).
The JavaScript that you must use is: parent.submitLearnDashTopicComplete();
Additional Option! – Creating your Articulate Rise content with the Mark Complete trigger (using Storyline 360)
Using our plugin, it is possible to activate the LearnDash Mark Complete button from within Articulate Rise content. This is because the latest version of Rise now includes the ability to create a ‘Storyline Block’ on a page.
When creating your Storyline project to insert as a block in to Rise, make sure that your JavaScript command is edited as follows: top.submitLearnDashTopicComplete();
This will ensure that the block can communicate with the LearnDash environment at the top level.
Be aware that no other progression or data is captured or stored during the learner’s engagement with the Rise course.
Step 3 – Publish your content and embed on to the topic page
When you have finished producing your learning content, the final step is to publish this and embed it onto your topic page. Typically this is done by uploading your published content onto your web server, and then creating an iframe tag that links to your content. Here is an example:
<iframe src=”http://www.website.com/wp-content/storyline/storylineobj/story.html” width=”800″ height=”600″></iframe>
If you are using a third party plugin to upload and embed your elearning content, make sure that you are using iframe as the embed option (lightbox may also work as an option depending on whether the on-page mark completion script generated by the plugin can be discovered).
Important!
Your learning content must be uploaded to the same domain as your LearnDash LMS site; this is because it is not possible for iframes to activate functions on parent pages cross-domain (a potential security risk)
If your Storyline/Captivate content files are not stored on the same domain as your website (ie. Your iframe URL is a different domain to your LearnDash website) then this plugin will not work correctly.
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.