One page courses in Canvas?

tbrinton
Community Participant
5
837

Hi Everyone,

I'm curious to see if anyone has ever been interested in creating a course on a single Canvas page? and if so, how would they do it?

Obviously, this depends on the size of your course and the contents... but I've created a simple mock-up below of how I'd tackle something like this. I've also added a quick video for anyone wondering what this looks like being used. 😀

My goal was to keep it simple and make it easy for other staff to edit the content within the Canvas Rich Content Editor.

Canvas One Page Course Example.png

 

https://youtu.be/SIP_3EeOi4A 

 

What else would you add? what would you take away? Genuinely wondering if anyone has done this or has been asked to do this before! 

5 Comments
CanvasCool
Community Explorer

Very nice. Did you use theme editor CSS/JS, or vanilla inline styles? I've made some similar things before, but I try to keep things javascript/css free so they can work when teachers transfer between accounts/schools. 

leo_satara
Community Explorer

I like this look, and we do have some one-page courses.  Staff resources, or quick Student Resources. Are you willing to share the HTML Code?

DanielGraham
Community Participant

Hi @tbrinton 

I really like this design, great way to break information up. It's something I've been looking into with my work and I've settled on using accordions.

I've seen similar used elsewhere but this doesn't translate well to the mobile application. I've seen issues with tabs not rendering and buttons not rendering. 

Do you know if this works on the mobile application?

If so, would you mind sharing how you did this please?

Thanks

Dan

CanvasCool
Community Explorer

Anything that uses that "enhanceble content" css class will fail on mobile and is often not accessible. 

IrishCorpuz
Community Member

Hello, I'm new to Canvas! May I know how did you do this? We're trying to make our courses scrollable and in one page. Maybe this could help. 🙂