Template:MDBTutorialExternalContent - Revision history

Ollvihe: /* Showing Content from an External Web Page */

2018-12-07T15:25:05Z

Showing Content from an External Web Page

Ollvihe: /* Showing Content from an External Web Page */

2018-12-07T15:20:43Z

Showing Content from an External Web Page

TeeHiet: 307187

2017-11-22T08:20:34Z

307187

Ollvihe: /* Showing Content from an External Web Page */

2017-04-16T16:09:21Z

Showing Content from an External Web Page

Ollvihe: /* Showing Content from an External Web Page */

2017-03-26T19:29:09Z

Showing Content from an External Web Page

Ollvihe: /* Showing Content from an External Web Page */

2017-03-01T15:41:48Z

Showing Content from an External Web Page

TeeHiet: 306947

2017-02-13T08:18:48Z

306947

TeeHiet: 306947

2017-02-10T11:14:13Z

306947

New page

== Showing Content from an External Web Page ==
To show content from some other website or web portal:
# Click the '''External Content''' presentation object icon.<br>[[File:AddExternalContent.png|330px]]
# Click the '''Edit''' button on the presentation object to open its properties.<br>[[File:OpenExternalContentProperties.png|800px]]
# 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]]

Note that some sites prevent themselves to be embedded into other web sites and web applications like QPR MobileDashboard. In those cases, the presentation object will be left blank.

@@ Line 1: / Line 1: @@
-== Showing Content from an External Web Page ==
+== Usage Example ==
 # Click the '''External Content''' presentation object icon.
 # 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}".
 # After defining these properties, click '''Close'''. The web page should now be visible:<br>[[File:ExternalContent.png]]

← Older revision		Revision as of 16:09, 16 April 2017
Line 4:		Line 4:
	# 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\|800px]]
−
−	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).

← Older revision		Revision as of 19:29, 26 March 2017
Line 5:		Line 5:
	# 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\|800px]]

−	Note that some ~~sites~~ prevent themselves to be embedded into other ~~web sites and web applications~~. 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).	+	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).

← Older revision		Revision as of 15:41, 1 March 2017
Line 5:		Line 5:
	# 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\|800px]]

−	Note that some sites prevent themselves to be embedded into other web sites and web applications ~~like QPR MobileDashboard~~. In those cases, the presentation object will be left blank.	+	Note that some sites prevent themselves to be embedded into other web sites and web applications. 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).

@@ Line 1: / Line 1: @@
 == Showing Content from an External Web Page ==
 # Click the '''External Content''' presentation object icon.<br>[[File:AddExternalContent.png|330px]]
-# 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|800px]]
 # 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]]