Difference between revisions of "Template:MDBTutorialExternalContent"

From Mea Wiki
Jump to navigation Jump to search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Showing Content from an External Web Page ==
+
== Usage Example ==
# Click the '''External Content''' presentation object icon.<br>[[File:AddExternalContent.png|330px]]
+
# Click the '''External Content''' presentation object icon.
# Click the '''Edit''' button on the presentation object to open its properties.<br>[[File:OpenExternalContentProperties.png|800px]]
+
# Click the '''Properties''' button on the presentation object to open its properties.<br>[[File:OpenExternalContentProperties.png]]
 
# Define the '''Name''', '''Description''', and the '''External content URL'''. In the Name and URL fields, you can use context variables by typing in the context variable name in the format "{#contextvariablename}".
 
# Define the '''Name''', '''Description''', and the '''External content URL'''. In the Name and URL fields, you can use context variables by typing in the context variable name in the format "{#contextvariablename}".
# After defining these properties, click '''Close'''. The web page should now be visible:<br>[[File:ExternalContent.png|800px]]
+
# After defining these properties, click '''Close'''. The web page should now be visible:<br>[[File:ExternalContent.png]]
 
 
Note that some websites prevent themselves to be embedded into other websites using iFrame. In those cases, the external content presentation object will be left blank (in Chrome and Firefox) or there may be an error message "This content cannot be displayed in a frame" (in Internet Explorer). The only way to workaround the issue is to have '''X-Frame-Options''' HTTP response header changed in the embedded website (more information: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options).
 

Latest revision as of 15:25, 7 December 2018

Usage Example

  1. Click the External Content presentation object icon.
  2. Click the Properties button on the presentation object to open its properties.
    OpenExternalContentProperties.png
  3. Define the Name, Description, and the External content URL. In the Name and URL fields, you can use context variables by typing in the context variable name in the format "{#contextvariablename}".
  4. After defining these properties, click Close. The web page should now be visible:
    ExternalContent.png