Hide Course Menu on first page?

Aug 01, 2017

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.

Pinned Reply
Alyssa Gomez

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.

28 Replies
Alyssa Gomez

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. :)

Karen Hesting

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. 

Katie Riggio

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!

TIMOTHY KUHN

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.

Katie Riggio

Thanks for sharing your project, Timothy! Just wow. 👏

I included your post on this feature's report, and we'll keep everyone part of this discussion in the loop on any forward movement. I also submitted a separate request regarding the undo button on your behalf, so you should receive an email confirmation about it shortly!

As always, be sure to check out the Rise Version History to stay up to date on all new features and fixes!

Julianne Sorrow

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.

Megan Creegan

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. 

Kathryn Stephens

Agree that it's really important to be able to hide this list on the home page. For my course, it's important that users can navigate freely around the main content once they have begun the course, but they all need to start on the first page initially. If they see the different lessons listed on the home page, they always immediately click on the section they want rather than using the 'Start course' button. I don't want to bypass the home page - I just want users to have to click on the 'Start course' button to begin. 

Jay Crook

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.

Jay Crook

Hey Jeff, to bypass the bootup page and go directly to any page in your course, do the following:

  1. Unzip your extracted files into a new folder
  2. Open scormcontent/index.html in a browser
  3. The end of the url will probably look like index.html#/
  4. Click on "Start Course" (or any of the lessons)
  5. Notice that the url has changed and has more stuff after index.html#/
  6. Copy that text (i.e., index.html#/lessons/ABC123)
  7. Open scormcontent/index.html in Notepad or some other text editor
  8. 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>