Remove Course Cover Page in Microlearning

Please consider that the users we're designing lessons for typically want to achieve their learning with as little time and required action as possible. I'd imagine that's true for the bulk of Rise designers.

From both a design and learning standpoint, having a massive header image that we can't remove is at odds with the whole point of the microlearning. Sure, it looks pretty, but it's adding useless padding and scroll for the UX. 

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 

1. Publish to "Web"
2. Extract in downloads
3. open "index.html" in a browser tab
   
   1. navigate past the cover page to the second page/slide/block
   2. in the URL, copy the info from the # til the end and set aside for HREF data later
      1. will appear similar to this: "#/lessons/B3jT5DMWw9AkWSowxGvnjRzlY10cglw-"
   3. close browser tab
4. open "index.html" in an editing tool
5. find lines 73–75 which looks like this:

   function __loadEntry() {
   return loadModule(JSON.parse(document.getElementById('__ENTRY__').textContent))
   }

6. 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]';
   }

7. paste your HREF from step three in between the ' ' in the code above 
   1. 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-';
      }

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

1. open folder "lib" then "rise" 
2. there will be two .css files, open the larger one in an editing tool
3. search for ".lesson-one-page-slides__controls"
4. change "display: flex;" to "display: none;"
5. 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!

Hi All!

Thanks for your feedback! Currently, you may enable the Hide Cover Page option when publishing to LMS, but we're tracking requests to add this option for web export (and publishing to Review 360) as well. 

We'll update this thread for any updates that can help! Have a lovely day! 

I believe this is an important issue that is good to be solved. 

For example, I need to share interactive sample with potential client. So, I would like the client to hit directly to the interactive without the cover page. 

I do not need to publish to LMS or Web at this stage. Just sharing through Rise. 

Any ideas btw?  

We would like to have the option removed when publishing to Review 360 as well.  We want to use the microlearnings as tools instead of courses and that cover is not needed.  

I agree with the comment above. Please provide the option to remove cover page in Review 360.

+1 for publishing without cover page for web. I don't understand the logic behind giving the option to LMS and not the web?

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.

Hello Connie!

We don't currently offer a way to remove the cover page in Rise 360, but you can combine blocks to reduce extra padding.

If this setup changes, I'll be sure to update you in this discussion!

Following as I also publish to web and want my learners to not see the same header in every place I use a micro learning.