Forum Discussion
Remove Course Cover Page in Microlearning
The new microlearning feature adds a very large header space (cover page wrapper in CSS) that I'd like to remove. That is, there's a large gap between the title and the arrow and the actual microlearning quiz. It looks awkward and doesn't mesh with the idea of microlearning. Is there a way to remove this space in microlearning?
61 Replies
- JonicaRich-025fCommunity Member
+1 for publishing without cover page for web.
- JonicaRich-025fCommunity Member
I was placing the microlearning into another SCORM so it HAS to be html, it can't be another SCORM. I figured out how to edit the html to make the page load the second page rather than the cover page. I also turned off the navigation arrows that would redirect back to the cover page, as an additional option. Here's how I managed it:
OPEN/LOAD TO SECOND BLOCK
- Publish to "Web"
- Extract in downloads
- open "index.html" in a browser tab
- navigate past the cover page to the second page/slide/block
- in the URL, copy the info from the # til the end and set aside for HREF data later
- will appear similar to this: "#/lessons/B3jT5DMWw9AkWSowxGvnjRzlY10cglw-"
- close browser tab
- open "index.html" in an editing tool
- find lines 70–72 which looks like this:
function __loadEntry() {
return loadModule(JSON.parse(document.getElementById('__ENTRY__').textContent))
} - replace the above with the following code:
function __loadEntry() { loadModule(JSON.parse(document.getElementById('__ENTRY__').textContent))
var currentUrl = window.location.href;
window.location.href = currentUrl + '[PASTE HREF HERE]';
} - paste your HREF from step three in between the ' ' in the code above
- for example, using the copied code in step 3 will appear like this:
function __loadEntry() { loadModule(JSON.parse(document.getElementById('__ENTRY__').textContent))
var currentUrl = window.location.href;
window.location.href = currentUrl + '#/lessons/B3jT5DMWw9AkWSowxGvnjRzlY10cglw-';
}
- for example, using the copied code in step 3 will appear like this:
- save, close, test by opening index.html in browser again
NAVIGATION BUTTON REMOVAL (OPTIONAL)
If you are only using one block and want to remove the navigation buttons, follow these steps:
- open folder "lib" then "rise"
- there will be two .css files, open the larger one in an editing tool
- search for ".lesson-one-page-slides__controls"
- change "display: flex;" to "display: none;"
- save, close, test by opening index.html in browser; it should open to the second block (not the cover page), and there should be no extraneous navigation buttons, just your singular, beautiful, microlearning block, ready to go!
- AudraSmithCommunity Member
Thank you I will try this
Audra Smith
Garver
405-928-7577
- RichardPeste352Community Member
Really hoping you can add the option to remove the cover page from publishing to Review. I'm trying to jazz up some pages on our intranet (Sharepoint) and I can embed a Review file, but I would like to embed just the interaction without the cover image. My team love the flashcards and labelled graphic feature in particular, but we can't embed them without the cover image, which diminishes the impact considerably.
Thanks for sharing that, Richard.
I'm going to add you to the request, and we'll post an update on this thread to let everyone know as soon as we receive news about this feature.
- LukaPetersCommunity Member
Removing the cover page when publishing on Rise or on Review would be really a gem.
Edit: Having that said, I would like to see the option not just for microlearning, but also for courses.
We'll take note of that, Luka! We have requests in place for this feature.
Thanks for adding your voice. Have a good one!
- RalucaStoica-62Community Member
Me too! I hope Articulate will be able to add this feature - to publish without the cover page for web, or Review. Please, let us Hide the Cover Page!
- AnnaKraemer-4cbCommunity Member
Adding another "plus one" to this feature request! Some of my users are new to scrolling courses, so it's confusing for them to have a big cover page - they don't realize they have to click or scroll down on a microlearning course to start it.
- KarlMullerCommunity Member
Hi Anna,
If you are publishing your microlearning course to a LMS, it is currently possible to hide the Cover Page.
- AnnaKraemer-4cbCommunity Member
Thank you, Karl - I'm "plus one" to adding this feature across the Rise tool so the cover page can be removed for both preview/review and web as well.
- TaraAdams-af82dCommunity Member
Hi all,
This thread has been incredibly helpful to me up until recently - I have successfully removed the cover page on multiple courses, but has anyone tried downloading a micro-course in the last couple of days? The code now looks completely different, and copying in what Jonica provided with your individual lesson code no longer works.
I was also removing the restart button at the bottom of the course with a line of code provided in another community post under a section that included "TODO" in a line, and that entire chunk of code is missing, as well. To be clear, I am not a coder, but by following what everyone else provided here I was able to make it work, and now I have absolutely no idea what to do.
I am using Thinkific and tried uploading just the scormcontent folder with the Hide Cover Page option activated, and when I preview the lesson on Thinkific it just stays stuck on the "Content Loading" screen and the lesson never appears. Any suggestions would be greatly appreciated!
- JonicaRich-025fCommunity Member
I just went in and looked at the info I provided in a previous comment (which I have updated), and it appears they now have "loadModule" in place of just "load" so it should instead look like this to work:
function __loadEntry() { loadModule(JSON.parse(document.getElementById('__ENTRY__').textContent))
var currentUrl = window.location.href;
window.location.href = currentUrl + '[PASTE HREF HERE]';
}- FriederikeBergCommunity Member
Hello Jonica,
I tried your solution, but it does not work. Could you please advise?I'm looking to upload a Mircolearning course as Web content WITHOUT the cover page.
- PierreGuimond-7Community Member
Hi, would love to know if the web export without the title page will come soon... we are planing to use in 4 months.
- EricEtkinCommunity Member
I am still eagerly awaiting this... We are trying to rapidly deploy tons of videos, and the acrobatic workarounds needed to have a simple video page load up without useless header space make this extremely problematic.
- AudraSmithCommunity Member
We are too!
[cid:image001.png@01DA2382.21B21310]
Audra Smith
Learning & Development Consultant
Human Resources Learning & Development
[cid:image002.png@01DA2382.21B21310]405-928-7577
[cid:image003.png@01DA2382.21B21310]580-320-8854
- MindySpring2Community Member
I am looking to have the option to remove cover page too for Web and review output!
Related Content
- 10 months ago
- 9 months ago