Showing results for 
Search instead for 
Did you mean: 

Image Gallery (Media Album) Feature in Canvas

Image Gallery (Media Album) Feature in Canvas

  Idea will be open for vote May 5th, 2015 - August 5th, 2015  Learn more about voting...


I've heard from a few liberal arts schools that an image gallery feature in Canvas (either connected to the files section or in the pages area) would be very helpful. I've also heard this called a lightbox image gallery.


This would be something where the images are uploaded and easily displayed in a preview box. Clicking on the image would then allow it to expand for full viewing.


If this is something that would interest your institution, please vote up the feature.


David Keiser-Clark Mika Hirai



  Gathering additional info about this feature request

October 2016 update by Chris Ward

There are a lot of image gallery solutions out there that have excellent solutions in this space. Take any of them, coupled with the Redirect Tool LTI from the Canvas Edu App Center ( and you have really elegant solution.


We'll be archiving this feature idea. Thanks for voting and participating in the community!

Community Member

Here is the intro page for my Page Widgets LTI tool. The interesting thing about this is that all the requests I got to beta test it came from outside our campus, even though I had never advertised it in any way off campus. I had to turn these people down, because they needed custom js and css sheets in their accounts to make it go. So, there is at least some pent up demand for something like this.

Page Widgets



This looks really awesome... I'll check it out. 

We are doing something similar, but took a different approach:

1.  All of our extra CSS & JS needs to be done in the source view of a page... no pretty GUI.

2.  We redefined all elements.  When I talked to the Canvas Style Guide team, they were shocked that anyone was using it for lectures.  I wanted to future proof what we did.  This way even if we switch LMS's we should be able to migrate gracefully. 

3.  We design all elements to fail gracefully on the mobile app (since custom JS & CSS won't run).

4.  We built a responsive design grid system similar to UF.  In the end we decided that our in house design future proofed us better and supported the mobile app better than using Canvas's grid.

I am now actively working on a lightbox and lightweight quizzing options.

Community Member

Our institution has been a little hesitant to set the required css/js for the style guide items in the global js area because we can't figure out why Canvas doesn't do this out of the box?  What about it causes some sort of concern for them that they do not just provide it in the base code?

Community Member


It took me a while to realize that all this was going to fail on mobile, and then I never did anything about it, because no one on our campus was signing up anyway. I'd be interested in seeing your solution to the mobile problem. What sort of graceful failure were you able to achieve?

Community Member

That's what I'd like to know, Idprogrammers. Seems like such an easy thing for Instructure, and so hard for us. Hence my request!


Yeah, after finding out about the style guide and trying it out a bit and realizing it fails on mobile we decided to avoid it despite the amazing possibilities on desktop. Then I read somewhere over here that the style guide was intended for developers of Canvas and not intended to work in page design or mobile. It appears though that the post about it has been deleted which is why it looks like I replied to "The specified item was not found."

I think until a nice LTI comes along, such as yours BKINNEY@UDEL.EDU​, I will write stuff, host it in Google Drive, and embed it there as described in the comments of Using Google Docs for dynamic Canvas content​.

Community Member

I've created a request for this and it is slated to be open for voting in June.  Please bookmark it, add your comments regarding use case and concerns, etc.  

Community Member

I'm glad you like my app, but the installation instructions are a bit daunting, since you have to install custom css and scripts. Not sure that actually counts as a solution at all.

Community Member

Would also like to see the same! The ability to have an iframe URL launch in a lightbox is a feature we are looking for as well. Even if allowfullscreen is enabled, the buttons for user to select that option are not visible. Currently, it appears to rely on videos or URL embed codes.

Community Member

Hi guys

I thought this was a great idea and have voted yes. Today I have asked Canvas to include a field to add copyright attribution to each image when we embed them. This way each image can have the attribution necessary for copyright. Please vote if you think this would benefit your school or institution Smiley Happy