If your eLearning authoring tool of choice is either Articulate Storyline or Adobe Captivate, you will already know that you can embed your digital content within a LearnDash Topic page. But what if you don’t want your learners to be able to ‘Mark Complete’ before they have completed a task? i.e. what if your learners have to finish your full Storyline presentation? What if your learners must achieve a certain mark in your Storyline quiz? Or what if your learners need to interact with a game or watch a video before being able to move onto submit an assignment or take a LearnDash quiz.
If the topic page has already been marked as complete, and a ‘Next Topic’ link exists on the page, then this will be triggered instead!
Want the ability to mark both Lesson and Topic Pages as complete?
Download our new Premium Version
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 ‘Topic Progress Option’. 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 is time to produce some learning content in Storyline/Captivate!
Step 2 – Creating your Articulate Storyline / Adobe Captivate content with the Mark Complete trigger
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. For our plugin to work your content must be embedded onto your LearnDash topic page using an iframe. Typically this is done by uploading your published content onto your web server, and then creating an iframe tag that links directly to your content. Here is an example:
<iframe src=”https://www.website.com/wp-content/storyline/storylineobj/story.html” width=”800″ height=”600″></iframe>
(Note – you can use either the Flash or HTML5 version of your content)
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, and not lightbox or any other style.
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.