Forum Discussion
Move Start Course button?
In Rise, is it possible to move the Start Course button to immediately below the introductory course text? I'm certain learners are starting the course before reading this important course info.
Thanks Concetta, that works brilliantly!
Hi, I have the same issue and the suggestion to move the start button below the introduction was made 2 years ago. Is there any update about this? It was requested by our focus groups. They did not find very intuitive to click on the first lesson to start the training.
Hi Nancy, thanks for checking in on this feature request. We don't have this in our roadmap right now, but we'll let you know if anything changes!
I saw a post that mentioned 'change the label to all spaces and it disappears'. Can anyone please elaborate on how to do this as the start button placement is ridiculous!
Hello peepz :) I've also gotten comments that the Start-button is confusing and learners have tendency not to read the instructions.
I get that we can do a work-around by putting an extra chapter into the course, but I would also really like the introduction to be part of the main page.
I've tried using other themes, but the button is still in the same place. I'll try Concettas trick by adding some spaces and see if it dissapears!
Meanwhile - this should be a easy fix the for the brilliant Rise-developers to do something about :DI noticed this also, depending on screen size, users may not know there is an intro to scroll to. For this course I've simply hidden the Start/Continue button from the hero area. Users are forced to scroll and click on a chapter. This is a heavily modified theme, and required a line of css to hide this button.
Hi Phil,
To remove the course Start button, simply delete its label from the course Label set.
Thanks Karl this was from a trial account so I can't edit that, but I do see that in the settings now, good to know. Also you'll be glad to know you can use vanilla js on the cover page, I've successfully moved the action button below the description with a few lines of js. I'm so happy to have my custom button style back on the cover.
Jumping in to the fray to add that the ability to switch the positions of the Logo and Start buttons would be helpful. We'd like our courses branded with our logo and the current position of the start button is prime real estate for branding. As so many have said - the introductory content is useless if the interface encourages a quick click to get started. What part of the UI gives any indication that there might be useful content on the page below the start button? It is just a waste of everybody's time to put any content on the cover page without the ability to put content above the start button or at the very least a UI that lets the user know that scrolling will give more info. Very disappointed that this issue is pre-pandemic and still hasn't been solved.
I'll add yet another voice to this issue. Come on Articulate! This can't be that difficult to fix...and seemingly everyone I talk to who uses Rise has this same complaint.
I just want to know how Phil Foss made a cool custom page to the Rise course...how did you make a custom button using JS and where did you put the code to make it appear?
Hi Kelly thanks- I missed your prev message, notifications on here seem to be sporadic. But due to your compliment, I will make a video and provide the code. Are you ready to void your warranty? We're about to hot rod your SCORM export, the process is highly dangerous, and unsupported by Articulate.
The degree of customisation of the start page depends on how you deploy the course. If you're using Reach or Review, then you're pretty much out of luck, but if you publish to a file (scorm, cmi5, web, etc) then you get access to a zip file which contains the `index.html` file which draws everything.
I have a bit of javascript that I can edit in to the end of the index.html file (just before where it says '</body>') which, depending on the navigation theme you are using, can move the start button to below the menu when the course first loads.
<script>window.addEventListener("DOMContentLoaded", () => {let_interval;functioncheckAndMoveStartButton() {conststartButton = document.querySelector('.cover__header-content-action-wrapper');if (startButton) {constdest = document.querySelector('.cover__details-content');if (dest) {dest.insertAdjacentElement('afterend', startButton);startButton.style.marginTop = '5rem';}clearInterval(_interval);}}_interval = setInterval(checkAndMoveStartButton, 100);})</script>That can be enough as it ensure that at least they scroll down past the information area looking for the start button, so there's an increased chance any of that information might get read.
It does seem like asking for any changes to Rise is shouting to the void - so we have to come up with creative solutions for them.
p.s. I made a course some time ago describing how to customise the outputs in a Rise published course. It's hosted on my personal Moodle site. https://moodle.frumbert.org/course/view.php?id=7 - When it asks you to log in, just press 'Log in as guest'.
The course also goes into modifying the course data if you're into that, and talks about how to replace embedded iframes with locally sourced content - after I made that course, I ended up building a tool for that too - https://www.frumbert.org/risefix/index.php. That's a bit beyond the original quesiton on this post yet could be tangentially handy to someone :)
Thanks Tim! I look forward to experimenting with your solution for this and to check out your other tricks for customizing published Rise courses.
Hi Tim I had to make a couple mods to make your script work, the js was not formatted correctly in your example and it throws a js error in my browser. But after getting it work, it's not a perfect solution. If you click back onto the cover screen from a lesson, the start button has returned to it's default position again. But the good news is I have a css-only solution, will post here soon with the code.
Still waiting on that video and code, lol.
A definite ditto on on moving the Start button below the introductory text. A reviewer pointed that out first thing to me, something that I did not immediately realize because everyone always scrolls down to see if there is something below before clicking the button. NOT!
