Responsive Images

Has anyone been able to make images in Canvas responsive so that they will change size when an user changes the browser window size? I have tried inputting the CSS for a responsive image, but Canvas deprecates it upon clicking "Save." Is this one of the CSS stylings that's not allowed?

Find more posts tagged with

Accepted answers

All comments

unknown

To make images responsive in Canvas, you can switch over to the HTML Editor and then go into the image tag and add a % value (100% is width of page, 50% is half the width of the page, etc). Then save the page and voila!

Here's an example of the code and where you need to stick the % value:

width="96%" data-api-endpoint="https://seattleu.instructure.com/api/v1/courses/1572026/files/63450042" data-api-returntype="File" />

Just copy paste width="%" into the tag after the end quote around the image name and you're good to go!

Unanswered Questions

Messaging Changes--- Suggestions for more streamlining
Hello, I was thinking of this a while ago and have been trying to message Canvas support about this but they suggested here but not which category. I apologize if this is the wrong spot. When messaging students right now we need to message one by one. I would like to know if there is a way we can change that to streamline…
Finding the LTIv1.3 IDs for Members of a Course
I'm building a tool for my institution that imports grades from another LTI tool into Canvas so instructors can automate late assignment policies not otherwise supported by Canvas. I'm trying to use the LTIv1.3 ID which is readily available on the LTI-side as a link to the student record on Canvas, but I can't find the ID…
Canvas Media Question
How can one track Canvas Media use without having the reports available from Canvas Studio? Checking API endpoints and the Data 2 schema, there do not seem to be dedicated Canvas Media endpoints. Am I missing some? A method I've considered is using the body field of the wiki_pages table, as this contains the html code of…
Canvas Catalog API - Completed Certificates
Hello, I'm trying to utilize an API call to pull completed certificates and was hoping to download and store the certs as a backup. I can successfully run the API call but it will not allow me to view the certificate unless I access the URL while signed into an account where it's "my" cert. Is there a permissions setting…
UI for weekly progression idea
UI for weekly progression idea that rest in the Schedule tab of the **K-12 UI** of Canvas it's incomplete and I really would not take it and push it into instance but I am going to post it here because in the past people like @James && @robotcars || @Steve_25 have had terrific input in the past... maybe w/their eyes and…