Remove the Start Course Button in Rise?

Hi Kris,

That's a great question, and you certainly can remove the Start Course and Details buttons on the cover page in Rise! 

I created a screencast on the process which can be viewed here. You might also find this article on customizing text labels handy.

I hope this helps, and let me know if you have any other questions!

Alternatively, you could do this:

1. Launch "index.html" located in the "scormcontent" folder of your exported course
2. Click the "Start Course" button
3. Navigate to the lesson you want the course to start on. I'm just using the first lesson.
4. Copy the part of the url AFTER "index.html#" 
   
5. Then open "indexAPI.html" located in the "scormdriver" folder
6. Modify the line with your desired lesson ID as seen below:
   
   to this:
   
7. Re-zip the file and it should launch straight into whatever lesson you wanted.

Note: This was from a Rise course Exported for SCORM 2004, 4th Edition. I don't know how much it will change with other export types, but I imagine not too much.

What I would like to know, is if there is a place where we can just grab those lesson IDs without launching the course. This process could be automated if we could easily find them. I'm assuming that Articulate has it coded to generate the lesson ID randomly (based on their own specifications) the first time the lesson is launched. Then that lesson ID is saved somewhere.

Building on my guide for removing "| Rise" from the title that appears in the browser tab (see https://community.articulate.com/discussions/rise/is-there-any-way-to-get-rid-of-rise-in-a-rise-course-s-output), I dug into the JS/CSS code and found solutions to:

• Remove [BEGIN] button;
• Remove [DETAILS] button;
• Remove Inverted caret/down chevron that appears to the right of the [DETAILS] button; and
• Add your favicon.ico (will appear in the browser tab).

Caveat (for those who are unfamiliar with digging into the coding):

 For each course and after each course export from Rise, you must:

1. Unzip the course ZIP file;
2. Locate the applicable files, which may include:
   Web Export:
     \index.html 
     \lib\mainbundle.css
     \lib\mainbundle.js
   SCORM Export:
     \content\index.html
     \content\lib\mainbundle.css
     \content\lib\mainbundle.js
3. Manually edit the applicable file(s) using a text editor;
4. Save the updated file; and
5. Re-ZIP the course files (may only be required for LMS deployment). 

==============================

DEPENDING ON YOUR NEEDS, COMPLETE ONE OR MORE OF THE FOLLOWING TASKS:

A. To Remove the [BEGIN] Button

1. Open index.html in a text editor;
2. Search for "BEGIN";
   
   RESULT:
   

   "courseStart":"BEGIN"

3. Delete BEGIN text, but leave the double quotes; and
4. Save the file.

B. To Remove the [DETAILS] Button

1. Open index.html in a text editor;
2. Search for "DETAILS";
   
   RESULT:
   

   "courseDetails":"DETAILS"

3. Delete DETAILS text, but leave the double quotes; and
4. Save the file.

C. To Remove the White Inverted Caret/Down Chevron (part of the [Details] button)

1. Open main.bundle.css in a text editor;
2. Search for “.overview__button,.overview__details-trigger” ;
   
   RESULT:
   

   .overview__button,.overview__details-trigger{display: inline-block;font-size: 1.2rem;font-weight: 800;line-height: 4rem;letter-spacing: .04em;text-decoration: none;text-transform: uppercase;

3. Add "visibility:hidden;" property; and
   
   RESULT:
   

   .overview__button,.overview__details-trigger{visibility:hidden;display: inline-block;font-size: 1.2rem;font-weight: 800;line-height: 4rem;letter-spacing: .04em;text-decoration: none;text-transform: uppercase;

4. Save the file.

D. To Add Your FAVICON.ICO to Your Course
Note: This assumes you already have one created and deployed on your web server - either in the root folder or in your CMS.

1. Open main.bundle.css in a text editor;
2. Search for "favicon.ico"
   
   RESULT:
   

   favicon:"https://f.vimeocdn.com/images_v6/favicon.ico"

3.  Replace the path in double quotes with the path to your favicon.ico on your web server.
   
   RESULT:
   

   favicon:"https://mywebserver/favicon.ico"

   If unsure, view the source code on your website's home page and copy the path to the favicon.ico) -- because Rise uses HTTPS, your path must include this in the path as well;
4. Repeat steps 2 and 3 as there are two identical favicon.ico entries that should be replaced; and
5. Save the file.
   
   
   NOTE: I cannot explain why, but the main.bundle.js contains two favicon.ico references to Vimeo's favicon.ico (along with references to a Smithsonian Museum). But I replaced both of these with our favicon.ico path and the course displayed with our favicon.ico in the browser tab.
   
   Finally, your favicon.ico may not display in the browser tab if your course title is long and you may get different results depending on operating system, browser, number of tabs open, etc.

To skip the front page and go straight to the first lesson, try this:

add this code in the index.html at the bottom before the </body> tag after exporting the Rise content.

<script>
window.onload = function() {

if(window.location.href.indexOf("lessons") == -1) {
window.location.href = "#/lessons/1iSUIcTB6jep5DMQXmMLW7kNEzVOmzsD";
}
}
</script>

Replace the "#/lessons/1iSUIcTB6jep5DMQXmMLW7kNEzVOmzsD" part with your URL to the lesson you want to go. 

Hi Megan!

It sounds like you want to host your Rise 360 course in a learning management system, and you want learners to skip the Main Menu page to go right into Lesson 1. 

That's a popular request, and I'll add your vote! If we add this functionality in the future, we'll pop back in to let you know.

Hi there,

Can I start my course from the first page of the RISE course i.e. from the blocks. As my course has only one page and we don't really need menu or table of content. So when user will launch the link it should directly land to blocks instead of Start course page.  

Thanks for the comments in advance!

Thanks Ashley. Just to clarify, I'm looking to skip that entire page, not just remove the bottom. Thanks for passing It along 

Thanks, Cory for clarifying! So removing the introduction page entirely, and having the user start at the first lesson is what you'd like to see? I'll pass that feedback along to our product team. 

Hi Rethink,

If you're exporting and hosting in an LMS, my little trick won't work as it's based on how the web output is organized. 

I know a few other folks have asked about removing the start course/main page, so we'll keep you posted here on that feature idea! 

Hi Michael,

You can remove the little arrow / caret using css. Some instructions here: https://community.articulate.com/discussions/rise/remove-carrot-to-the-right-of-the-get-started-button-in-rise