nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Responsive iframes in Pages/Discussions, like in module link to external resource?

RM-BhamTech

If I add a link to an external resource as a module item, leaving "load in new tab" unchecked, the resource will render in an iframe in a canvas page. That iframe is way more responsive than anything I seem to be able to kludge together with the limited allowed CSS.

Is there a class/etc. that can be applied to iframes to make them behave more responsively in, like, Pages and Discussions?

I've inspected the code for one of those external resource pages, but it's such a rat's nest that I haven't been able to find anything useful.

Find more posts tagged with

All Users

Instructional Designer

Developers

Accepted answers

Jeff_F

Hello @RM-BhamTech

Sorry, but this is a known limitation rather than a missing trick. There is currently no supported way to replicate the module external resource iframe behavior inside Pages or Discussions.

If this capability matters for your use case, the best path forward is a feature request focused on exposing the module style iframe wrapper or enabling dynamic iframe resizing in the RCE. Please visit the Product Connection space and open a Collaborative Roadmap.

Let me know if you would like to collaborate on that request. 😊

All comments

Jeff_F

Hello @RM-BhamTech

Sorry, but this is a known limitation rather than a missing trick. There is currently no supported way to replicate the module external resource iframe behavior inside Pages or Discussions.

Let me know if you would like to collaborate on that request. 😊

RM-BhamTech

I would absolutely love to collaborate with you on that request. I've been so frustrated by the limitations of the Canvas environment in formatting responsive content. In my mind it's an accessibility issue.

Less on topic, but we seriously need to be able to use linked CSS files or at least be allowed document-level style blocks! I can't stand in-line CSS 🤬
Please give us a sandbox we can actually have fun using.

Jeff_F

I must not be assigning enough homework as I ran out of items to grade. Anyhow, that gave me free time to put the attachment together. It is a start and I tried to also look at what might limit the development of the tool. We do have solutions such as creating an LTI.

Feature Idea iframe behavior.docx

Unanswered Questions

Canvas Throwing Multiple Errors in the Last Week
Hey everyone, I didn't see a post about this in my quick perusal of the forums, but I'm wondering if anyone is having issues with Canvas becoming unresponsive. I'm probably the most savvy person with Canvas at my school, so I don't have anyone I can ask. Over the past week I've been getting a variety of errors. Here are…
Recording media with a disabled webcam in the RCE
There is known issue about being unable to use Media Recorder to record media in the RCE and save it when the webcam is disabled (audio only). It's the same whether or not assignment enhancements is on. Recording media with a disabled webcam in the RCE causes an error message during the save process - Instructure Community…
Does anyone have an ETA or more informaiton on multiple rubrics?
Hi everyone, It looks like the multiple rubric idea has bounced around a bit with the different feature request methodologies over the years, including a mention in New & Next 2024 according to this post, interviews in the enhanced rubrics features group, being listed as "under consideration" on the new roadmap, and this…
How to sort Learning Mastery Gradebook
We are using the Learning Mastery Gradebook with an rubric on account-level. When we enter the gradebook, the sorting does not make any sense. How can we make the sorting so it makes sense to us. It feels like a randam sorting.
Gradebook Color Status for Incomplete 2-Part Discussions (Discussion Checking-point)
Hi all, Quick question about the Gradebook color status for a 2-part checkpoint discussion. If a student completes the first due date (initial post) but does not complete the required replies by the second due date, is there any way for Canvas to automatically show a color (e.g., missing/late) instead of staying as…