Forum Discussion
InstructionalDe
2 years agoCommunity Member
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 microlea...
JonicaRich-025f
Community 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 73–75 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!
AudraSmith
2 years agoCommunity Member
Thank you I will try this
Audra Smith
Garver
405-928-7577