cancel
Showing results for 
Search instead for 
Did you mean: 

Add Images to Modules.

Add Images to Modules.

(4)
It would be awesome if instructors could add images to modules - specifically to add an image in the very first module in their list of modules. This way an instructor could create a Title Page to their course at the top of the modules page and keep the 'roadmap' of the modules underneath this image as their Home Page within their course. This would help to make it much clearer to students as to what course they are in at any particular time. In reality, this would mesh the concept of a Home Page (as a Page in Canvas) with the structure of the Modules for students to be able to follow the content of a course. Something along the lines of this:

 

195235_NewModuleTitle.pngNewModuleTitle.png

 

It would simply make for a better way to title a course.

29 Comments
Stefanie
Community Team
Community Team

ks017, I was able to find this now-archived feature idea that sounds like it would encompass what you've requested:    Unfortunately, the idea did not gain enough traction to amass a vote total that would move it forward to the next stage. Since archived ideas that haven't received a response from the product team can generally be resubmitted, and as long as someone else doesn't find a similar idea that's currently open, I would expect yours to be moved forward for consideration in the next voting cycle. I've bookmarked it, because I would welcome this feature; if it were implemented, it would make me reconsider how I typically set my course navigation and design my home page.

ks017
Community Member

Thank you Stefanie!

bcrook
Community Advocate
Community Advocate

I would vote for this!

DrNufer
Community Advocate
Community Advocate

What we do is we set up a template to use as a course master. It's generally standardized across the programs. The home page is set up in a hidden table format and we have a placeholder set of images that a professor could interchange.  There are instructions in the html code on how to do that - written as <!--html notes> within the code - though ideally the instructor will work with an ID to carry it out. We like to ensure that the code stays in tact and that the images comply with commons standards.

biray
Community Champion

This idea has moved to the next stage and will be open for voting among the Canvas Community, from Wed. August 3, 2016 - Wed. November 2, 2016.

Check out this doc for additional details about how the voting process works! Smiley Wink

jbrady2
Community Champion

snufer Could you possible share a screen capture of a course using the template you are talking about?  I was attempting to wrap my head around what you wrote, but I am not certain I was really understanding it.  Also, if you are using a hidden table, have you run into any issues with screen readers, and, if not, how did you avoid this, or, if so, how do you correct for it?

DrNufer
Community Advocate
Community Advocate

I pulled a few screen grabs.  Some instructional designers deviate from the master template.  Essentially, since our IDs are not necessarily programmers, the table format helps them to neatly organize the standardized homepage content into boxes.  It is not the best approach from a web design perspective, but it works.  This is what the edit view might look like:

2016-10-26_10-19-39.png

It is currently being redesigned for aesthetics (i.e. making the help content less pronounced).  This is what the back end would look like:

2016-10-26_10-21-43.png

It looks like I didn't get a shot of the <!--html commenting-->, but you can see in that first image that within the RTE there is placeholder text for an image, including how wide an image should be to fit within that table column. 

The ID template is a guide.  Some IDs choose a more LMS traditional route:

2016-10-26_10-20-26.png

My personal opinion is that the table format should be eschewed, but there is a lot of value in terms of standardization of the format and making it accessible to the IDs - who are not necessarily web designers.  At the end of the day, the tables make it easier for us to review our QM rubrics since everything has a place on the page.  I don't know how it looks with screenreaders, but I can't imagine it being difficult for the screenreader to render since the information is compartmentalized into table cells. 

DrNufer
Community Advocate
Community Advocate

Almost there....

shauna_vorkink
Community Contributor

ks017​  -- I wanted to jump in and check on the progress of this idea!  You are so close... it might not hurt to reach out to those who voted and commented on the original idea that Stefanie shared above and let them know the idea was resubmitted under a new feature request Smiley Happy  

robert_wakelyn
Community Participant

I think it could be something similar to how the function of the ePortfolios work.  Where you can add different elements to the same layout.

rlau
Community Participant

The ability to easily add images on all the pages would be awesome.  Also, many teachers don't know html so making modification should be easier please.

jennifer_mattes
Community Member

I agree! Even a thumbnail sized picture would be nice.

cward
Instructure
Instructure

Although I see where you guys are coming from with this, we don't have the capacity in the next 6-12 months to do anything about it, so we'll be archiving this idea.

gharbor
Community Participant
  1. Since moving from Moodle (Grid View) this is a serious deficiency with Canvas. The simplest way to do this would be to be able to include a simple graphic in each module title.. Eg Module Name , Module Image (Optional)
  2. I really get frustrated with how a good idea like this which received enough votes gets "archived". I totally understand that currently there is not the capacity to develop this, but can this idea then be left "open" or on a list of "to-dos" rather than going all the way back to archived which means it will have be re-posted and re-voted for!???

Below is how Moodle Gridview for Modules looks:

Moodle Gridview.PNG

gharbor
Community Participant

I've mocked up an example of how this would look from a UI perspective...

ModulesRedesigned.PNG

I would imagine this would be a option in the Module settings:

ModuleSettings.PNG

This could negate the need for a "Home Page" with a table of images which causes many teachers a lot of frustration. Having a Course Setting to automatically collapse the Modules would fit nicely with this concept.

tlinehan
Community Member

Yep, this is badly needed. Image capability in module titles, please!

wjames
Community Contributor

This sub-feature request is to add a thumbnail image to the module header.
Constructive visual rhetoric is a much needed addition to the powerful foundation of modules.

248783_Module-Image 1.jpg

Edit Module Settings could have Image Source dialogue box modeled after RCE.
Image could be any type (.jpg, .png, .gif), but maybe limited in size? (50x50 px)

248784_Module-Image 2.jpg

Hope this idea gains traction...submitting for a friend. Smiley Wink

tom_gibson
Community Participant

My take on this is a little different so not sure if it is a different request - I'd love the ability to add text to the top of the Modules Page in addition to a thumbnail that seems to be the original intent here.

Now that Modules is the default home page for a course, this would be such an easy way for instructors to add instructions or a greeting for a course without having to create a separate page and subsequent navigation to Modules.

Could be option - "Include Modules Title?" or something like that, gives you the RCE, and a new DIV happens on the Modules page. Maybe the result is something like this below?

Text on Modules page

Renee_Carney
Community Team
Community Team

The Radar idea stage has been removed from the Feature Idea Process.  You can read more about why in the blog post Adaptation: Feature Idea Process Changes.

 

This change will only impact the stage sort of this idea and will not change how it is voted on or how it is considered during prioritization activities.  This change will streamline the list of ideas 'open for voting', making it easier for you to see the true top voted ideas in one sort, here.

cholling
Community Champion

I'm going to to the devil's advocate here. I don't think adding images to the modules is a good idea.  When we use images in a title, it allows us to get a bit sloppy with the title text itself. We don't have to be quite as descriptive and precise as we tend to rely on the image to convey meaning. When we allow an image to convey meaning, it requires that instructors spend that much additional time to add quality descriptive text so that screen readers can explain what the image is, why it is there, and what it's meaning is. Unfortunately, many faculty (at least those I work with) don't understand the necessity of alt text much less how to develop quality alt text. On the flip side, if an image in a module title is simply decorative, why waste time putting it there? Add it to the top of the module page seems to be easier and have fewer possible adverse reactions.