I have an activity embedded in Evolve’s iFrame component. Is there any way to trigger the completion of the activity so the interaction label with change from incomplete to complete?
1 Like
Hi Rachael and welcome,
If you add your interaction label the iframe component will be marked as complete as soon as the full iframe has scrolled into view. Because so many different things can be displayed within an iframe it’s almost impossible to have a setting where the actual activity within the iframe and it’s completion state could be measured, so this is the only currently available completion metric.
What sort of activity do you have in your iFrame out of interest?
Hello,
Thanks for replying. Completely understand the limits around it. It’s an animation and activity built in Adobe Animate. The user has to click certain buttons for the activity to be complete.
3 Likes
Thanks - it helps us to know that - we could look at maybe introducing some sort of click for completion in the future if we know what use cases are out there!
Just to mention that this functionality is now available in the iframe component in Evolve. It does require some basic knowledge of coding to implement it in your iframe content. You can find more info here: iFrame Component : Intellum
5 Likes
Hi Matt, this is really useful to know. Many thanks.
3 Likes
This is super-useful. Thanks @Matt_Leathes !
1 Like
Hi Matt - I visited the iFrame Component : Intellum page and downloaded the example zip. It won’t import into Evolve, so I extracted it and ran the index.html file (in Chrome). Nothing happens when I click the image or the button. What is meant to happen? Thanks!
When you say ‘import into Evolve’ are you trying to import it like you would an Evolve course? If so, that’s not going to work as it’s not an Evolve course; it’s an example of ‘embedded content’ for the iframe component.
In the same page you downloaded the example zip from there’s an explanation of how to use embedded content in the iframe component.
What exactly do I do with the zip file? I’m not a developer or coder, so I need instructions.
The zip file is just a working example of how you can make custom embedded iframe content trigger completion based on something the learner does in the iframe content (clicking a button in this case) - as opposed to normal behavior of iframe content which is just to complete when it scrolls into view.
It’s basically just the working version of what’s covered in the Advanced section of the Knowledge Base article for this component.
As it’s provided as a .zip file, if you want to see it working you can add it to the iframe component as ‘embedded content’ by going to the iFrame settings and enabling ‘Use Embedded Content’. You can then click the button just below (the one with the + sign on it) and upload the .zip as you would any other asset.
Maybe you could explain a bit more about what you’re ultimately trying to achieve?
Just a heads-up that doing anything with custom iframe completion might be tricky; as I pointed out in an earlier reply:
Hi! Our team uses a Google survey in an iFrame at the beginning of each course, and it is required that the learner complete the survey. Presently there’s a checklist component after the survey, that they click and attest to having completed the survey. It is revealed after 8000 ms. It seemed that if we could figure out a way to have the completion of the survey be recognized by clicking the “Submit” button within the survey (or some button within the iFrame) we’d not have to use the “faux-required” approach involving a delay. This approach may change; discussions are being had.
Yeah that might be a tricky one, this custom completion option is really only suited for situations where you have complete control over the iframe content, so that you can add in the code triggers. Can’t really see how that would be possible with a Google Form (assuming that’s what you’re using for the survey) but if I think of anything I’ll let you know…