Forum Discussion
Adding a photo to the course homepage in Rise
Is it possible to insert a photo on the course home page with the course title?
Also, is there a way to shift images within the frame of the slide? I'd like to move the image down in the frame to have more headspace.
- MichelleBeem-56Community Member
Please add the option to use basic blocks like images and video on the course description page. It's a no-brainer, and as someone above mentioned, it's something even the most basic editors can do.
This is the frustrating thing about Articulate--great products, but seemingly silly development decisions that limit creativity for no apparent reason. And really no action from the team when people speak up.
Come on Articulate--these tools are expensive--please provide the features your loyal clients request. Thanks!
- DebraGarcia-d3eCommunity Member
Please add the Image option to the description.
- MateuszSzuterCommunity Member
Since staff doesn't give a...nything about that simple problem, I'm coming with a little rescue. Maybe not the most elegant, but working.
Steps to do:
1. Export your Rise course to your computer
2. Edit file index.html in notepad or similiar
3. Right before </body> at the end of the document paste one of the following:
Video:<script type='text/javascript'>
var obj = document.createElement('video');
obj.src = 'your_video_source.mp4';
obj.setAttribute('id', 'example_video');
obj.setAttribute('width', '600'); // 600 is the container width. It of course can be overriden and produce bigger video, but that's not the time for this.
obj.setAttribute('height', '337'); // 16:9 proportion to 600px wide.
obj.setAttribute('controls', ' ');
obj.setAttribute('poster', 'your_video_poster_img.jpg');
obj.setAttribute('preload', 'auto');
setTimeout(function(){
var ovi_cont = document.getElementsByClassName("overview__main-col");
ovi_cont[0].prepend(obj);
}, 1000);
</script>Img:
<script type='text/javascript'>
var obj_img = document.createElement('img');
obj_img.src = 'your_image_source.jpg';
obj.setAttribute('id', 'example_img');
obj_img.setAttribute('width', '600'); // 600 is the container width. It of course can be overriden and produce bigger image, but that's not the time for this.
obj_img.setAttribute('height', 'set_your_height_in_pixels'); // to keep it nice looking
setTimeout(function(){
var ovi_cont = document.getElementsByClassName("overview__main-col");
ovi_cont[0].prepend(obj_img);
}, 1000);
</script>4. You can put your image/video file right where the index.html file is, then your source would be simply the name of the file.
5. The setTimeout function is what makes it not 100% elegant, as you have 1s delay before showing the image/video. You can try to adjust 1000 to 500 or something. It's that way because the page must first load to show "overview__main-col" in DOM, and it's not immediate.
6. You can also add tag <style> and style your produced img/video with CSS.
- ErrolMuirCommunity Member
I'm also needing this capability. My client has just asked for this.
- InkaNokso-KoiviCommunity Member
I'm joining to the choir and really looking forward for this feature. I think it's very strange that there is no possibility to add visuals to the overview page in Rise.
- CarinDOliva-625Community Member
Similarly to others in this thread, I'd like to add a preview video to the course overview page and would love to know a little more about why this is text-only or if there's a workaround.
- MateuszSzuterCommunity Member
Seriously, can anyone from the staff explain to us why you can't add a block like image or video to the course overview? Guys, that's like a main page of a website. Do you imagine main page of website with only text and some blurry image?
I know workaround for placing image by editing published course, but what the, why you just won't enable adding images or something? Please, elaborate someone, why that's not implemented. I'm very curious, maybe I don't see something.
@Renz, that's not fresh topic to share with the team. Someone posted that 2 years ago. That topic should be already widely discussed, not to mention simply implemented, as that's not something complicated.
Hi Ann, the course description is intended for text-only and can't have any image or blocks inserted into the course overview, but thanks for letting us know you'd like to add a block template there, too. I'll share this with my team and let you know if we make any changes that help!
- AnnSmith-6654e5Community Member
I would like to add a block template to the first page to immerse people right into content before they read the description and objectives. Is this possible?
- RobbiJamesCommunity Member
Wait... you're telling me that the course description is a completely static text block with no options? Why can't we access the same blocks there that we can access in a regular lesson? I have a very simple graphic that my SME wants as part of the course description. Not only is it a completely valid request, it's a valuable request. But I'm going to have to go back to my SME with the news that our much-lauded course authoring tool is not capable of something that a simple Word Processing app has been able to do since the 1980s? Yikes. :(
Please add me to the list of voices requesting more flexibility, both in the course description and for in-line images.