![]() If the file referenced in the iframe originates from your Canvas course, it will render in a weird sort of way (see item 3) unless you acquire the path to it correctly.This can lead to some very weird/unexpected/non-ideal renderings of pages, from your Canvas course or otherwise, in the iframe itself. If you don't have access to the origin file (.html) for the iframe, then any links clicked in the iframe will lead to their designated pages, but those pages will render in the iframe itself.While the iframe will render the content, depending upon the width of the origin page, the content may render in a way that requires vertical scrolling, horizontal scrolling, or both.Any content that originates from a url that begins with http instead of https will not be allowed to render in your Canvas course.While this may seem like a favorable option, before we begin, I must point out that there can be some unforeseen complications that arise when attempting to put any content into an iframe.Ĭons & Complications to embedding an html document in an iframe If you are brave enough and knowledgable enough, you can actually write javascript or jQuery code that will enable features that would otherwise only be available on the desktop version of Canvas, but are missing in the mobile app versions.The styles options that are available via this method are wider than inline styles. You can add a tag to the of your html document, giving you a wider range of options with regards to how the elements look, feel, and even behave on the page.You have control over they layout of all of the elements of the file, giving you a greater level of how they are laid out with regards to one another.Pros to embedding an html document in an iframe ![]() Why would we want to do this? Well there are a couple of advantages that come with embedding an HTML file including: Rather than creating a simply link or anchor tag to the file, we are attempting to embed it in a page of the Canvas course. html file and then embed it into an iframe on a page. Before I get too far into it however, I wanted to first details what we are attempting to do here and why we are attempting to do it.įigure 1. From these communications, I gathered information related to the issue, and I think that I have devised a solution for it. To see our initial discourse, checkout Iframe links on mobile app. Previously, I was attempting to help terryscc with an issue related to iframe content not rendering properly in Canvas and the Canvas mobile app. Cons & Complications to embedding an html document in an iframe.Pros to embedding an html document in an iframe.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |