AnsweredAssumed Answered

Returning url into an iframe within Rich Text Editor

Question asked by Clay Hess on Nov 14, 2018
Latest reply on Nov 26, 2018 by Clay Hess

I have an LTI app that I currently have as a navigation item. It is basically a dashboard that displays items to do and completed, etc. I would like to be able to embed this in a page. I was successful in creating an app within Canvas that allows for a button on the rich text editor. When I click this, it opens a modal window and displays the page. I want to embed the page in an iframe in the editor. I can hard code it, but I have colleagues (faculty) who are not technically savvy and would not be successful in hand coding an iframe. That is why I want a button that the professor simply clicks and it embeds the page. 

 

The LTI app is an ASP.NET MVC application with the standard HTML, CSS and JS on the front end.

 

The XML config I am using is as follows...

 

<cartridge_basiclti_link
<blti:title>Student Dashboard (Dev)</blti:title>
<blti:description>
Displays users progress in the current course.
</blti:description>
<blti:launch_url>https://localhost:5001/ltilaunch</blti:launch_url>
<blti:custom></blti:custom>
<blti:extensions platform="canvas.instructure.com">
<lticm:property name="tool_id">student_dashbaord_dev</lticm:property>
<lticm:property name="icon_url">https://localhost:5001/lti/lti-icon.png</lticm:property>
<lticm:property name="domain">ntc.edu</lticm:property>
<lticm:property name="privacy_level">public</lticm:property>
<lticm:property name="text">Progress Dev</lticm:property>
<lticm:options name="course_navigation">
<lticm:property name="default">disabled</lticm:property>
<lticm:property name="enabled">true</lticm:property>
<lticm:property name="url">https://localhost:5001/ltilaunch</lticm:property>
<lticm:property name="visibility">public</lticm:property>
</lticm:options>
<lticm:options name="editor_button">
<lticm:property name="enabled">true</lticm:property>
<lticm:property name="url">https://localhost:5001/</lticm:property>
<lticm:property name="icon_url">https://localhost:5001/lti/lti-icon.png</lticm:property>
<lticm:property name="text">Progress Dashboard</lticm:property>
<lticm:property name="selection_width">984</lticm:property>
<lticm:property name="selection_height">857</lticm:property>
</lticm:options>
</blti:extensions>
</cartridge_basiclti_link>

 

I have been Googling and searching the docs, etc. and been unsuccessful in finding the behavior I am trying to accomplish. Any guidance would be appreciated.

 

SIncerely,

 

~Clay

Outcomes