Forum Discussion
Hide Course Menu on first page?
Is it possible to hide the course menu (under Details) on the first "page" of a course? Our learners are getting confused on how to navigate.
thank you.
Good news, everyone! We've just released a new feature that allows you to turn off the cover page when you publish for LMS to improve compatibility, streamline training, and get learners into content faster. Give it a try, and let us know if you have any questions about it!
Note: You can't hide the cover page for training created from Next Big Idea Club content templates.
- JayCrookCommunity Member
I found a work around to hide the TOC from the start screen by digging into the JS and CSS files created by the Rise export.
When exporting a course for SCORM 1.2 you will get a zip file to import into the LMS. Open this file within the zip:
scormcontent\lib\main.bundle.css
At the very bottom, add this line:
.overview-list { display: none; position: absolute; top: 0; left: 0; width: 1; }
Zip it back up and install on the LMS.
- MeganTillesCommunity Member
Sounds interesting, Jay. I'll have to give that a try next time I want to bypass the menu. Thanks for sharing your workaround!
- JeffForrerCommunity Member
Good day. This worked, however do you know if it is possible to adjust the code further to remove the whole page altogether, just going right to the first page of the course? Thanks!
- JayCrookCommunity Member
Hey Jeff, to bypass the bootup page and go directly to any page in your course, do the following:
- Unzip your extracted files into a new folder
- Open scormcontent/index.html in a browser
- The end of the url will probably look like index.html#/
- Click on "Start Course" (or any of the lessons)
- Notice that the url has changed and has more stuff after index.html#/
- Copy that text (i.e., index.html#/lessons/ABC123)
- Open scormcontent/index.html in Notepad or some other text editor
- At the very bottom (before </body>), add this code and replace my example with your stuff.
<script>
function skip_first_page() {
window.location.href = "#/lessons/ABC123";
}
setTimeout("skip_first_page()", 100);
</script>
- MeganTillesCommunity Member
Really need to be able to hide the table of contents list from the home page. I still want to show it on the sidebar after "Start Course" is selected, I just don't want it listed on the home screen. I already submitted a feature request (possibly 2) to have the option to hide the TOC or even bypass the home screen. Any idea if it's on the roadmap? In the meantime, has anyone figured out a way to do this by manipulating the published output? Timothy's solution, although clever, won't work for me.
- BethShuttCommunity Member
Agreed on this – it would be nice to hide it if possible.
Beth
Hi Mary and Beth, that's a neat idea! I can see how having the option to turn off the menu on the main course page would be a handy feature--could you tell us more about how you'd like that to function in a feature request?
Also Beth, it looks like your email signature came through when you replied via email! No worries, this Peek video will show you how to remove it. :)
- MaryGladdingCommunity Member
Thank you for the prompt response. I will submit a request feature!
Thanks for taking the time to submit one, Mary!
- BethShuttCommunity Member
Thank you!
- HalaRFCommunity Member
Hi, has this feature been implemented yet? If so, can you please show me the directions? Thanks a lot!
Hi Hala!
Now you can choose to have your course sidebar open or closed by default, or even turn it off altogether. Turning off the sidebar also removes the course outline from the Rise cover page and requires learners to navigate lessons in sequential order.
- KarenHestingCommunity Member
Hi Alyssa,
I'm not sure that opening the sidebar by default is solving the original issue/question here. It seems like this is "all or nothing". The original post was about removing the "details" on the homepage, but not about removing the sidebar completely. In my case, I would like to remove the redundancy of having the "details" on the homepage. I would like learners to click "start course" and then see the sidebar navigation. Any chance? :)
Also, it would be great if we could choose whether the menu items were collapsed or not on default.
- JulianneSorrowCommunity Member
Any update on this feature other than doing it the way Timothy Kuhn suggested? I'd really like to be able to reduce the redundancy of having the details on my homepage as Karen and others mentioned. Ideally, they'd just have the "start course" button and no further details until they click the start button. And I, too, would hate to have to deprive my audience of having the sidebar option just to do that.
Hi Karen,
Thanks for that feedback, and I can definitely understand where you're coming from. While those options aren't currently available in Rise, I'll be sure to pass your ideas along to my team. Thanks for chiming in!
- TIMOTHYKUHN-946Community Member
I agree with others that the functionality to hide the table of contents from the title slide and maintain the sidebar should be an option. I hope to see Articulate come thru on this improvement soon. However I wanted to share my work around that makes it possible to have CONSTANT NAVIGATION AVAILABILITY (though not sidebar) and removes the Table of Contents (TOC).
https://rise.articulate.com/share/aHIjIZnHpf3kDCB5paveArHrGf5Ci-Ep
The above example/link involves creating your Table of Contents using by inserting several button interactions. I also created an animated gif to use has my title slide image/banner. My animated image includes the name of course, so for the Rise course name I just entered a # so I would not have a duplicated title. Navigation Mode is Free. Navigation Sidebar setting is No Sidebar. Label for DETAILS has been deleted.
I HOPE MY WORK AROUND EFFORTS ABOVE CAN BE OF HELP TO OTHERS.
P.S. I would also love to have an undo button that last longer than 3 to 10 seconds.
Hi, Karen. Happy to help! ☺️
It sounds like you need to remove the Details button and only have the sidebar show after the Start Course button is clicked. If that's right, here's a quick Peek on how to achieve that goal!
While removing the word Details from the text labels section will not remove the arrow, I have seen folks accomplish its removal with CSS. Here's how!
Hope that helps, and I'm also going to attach your insight on a menu collapse option feature with our product team. Thanks for letting us know how we can make things better!