External Content Properties: Difference between revisions

From QPR ProcessAnalyzer Wiki
Jump to navigation Jump to search
(306991)
 
(27 intermediate revisions by 2 users not shown)
Line 1: Line 1:
With the External Content presentation object you can show content from some other website or web portal. The External Content presentation object uses html's iframe element to embed the websites. Using the External Content presentation object enables integrating multiple Web applications into a single UI.
External Content component can be used to show content from other webpages, such as from Microsoft Sharepoint or other content management systems, enabling to integrate multiple web applications into the single UI. The External Content component uses the HTML ''iframe'' element to embed the content.


== Properties Tab ==
== Settings ==
The following properties can be set on the Properties tab:
Following properties can be set on the Properties tab:
* '''Name''': Name of the External Content presentation object.
* '''Name''': Name of the External Content component.
* '''Description''': Description for the External Content presentation object.
* '''Description''': Description for the External Content component.
* '''External Content URL''': The URL of the external page you want to embed in QPR MobileDashboard. You can also use a relative path (e.g. "/examples/test.html"), if the page you want to embed is accessible by the same protocol, host, and port as QPR MobileDashboard.
* '''External Content URL''': The URL of the external page you want to embed. You can also use a relative path (e.g. "/examples/test.html"), if the page you want to embed is accessible by the same protocol, host, and port.


== Context Tab ==
== Passing Variables in Url==
On the Context tab, you can define the [[Context|context variables]] for the External Content presentation object. You can also see what context variable values are in effect by selecting the '''Show effective context''' check box.
You can pass context variable values in the iframe url using the variable tags. Example:


=== Accessing Context Variables in the External Content ===
'''<nowiki>http(s)://SERVERNAME/ExternalPresentationObjects/ExternalPresentationObject1#variable1=<#variable1>&variable2=<#variable2></nowiki>'''
The session [[Context#Effective_Context_and_Context_Inheritance|context variables]] and their values are available in the external content pages via the getSessionVariable() javascript function. In addition, the session context variables can be set in the external content pages via the setSessionVariable() javascript function. Check the examples in the http://<Your_Host_Name>:8080/mobiledash/examples/test.html file for using the functions.


{{MDBTutorialExternalContent}}
== Web Browser Security Considerations ==
 
Some websites prevent themselves to be embedded into other websites using iframe. In those cases, the component will be left blank (in Chrome and Firefox) or there may be an error message "This content cannot be displayed in a frame". The 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).
[[Category: QPR MobileDashboard]]

Latest revision as of 10:07, 13 December 2021

External Content component can be used to show content from other webpages, such as from Microsoft Sharepoint or other content management systems, enabling to integrate multiple web applications into the single UI. The External Content component uses the HTML iframe element to embed the content.

Settings

Following properties can be set on the Properties tab:

  • Name: Name of the External Content component.
  • Description: Description for the External Content component.
  • External Content URL: The URL of the external page you want to embed. You can also use a relative path (e.g. "/examples/test.html"), if the page you want to embed is accessible by the same protocol, host, and port.

Passing Variables in Url

You can pass context variable values in the iframe url using the variable tags. Example:

http(s)://SERVERNAME/ExternalPresentationObjects/ExternalPresentationObject1#variable1=<#variable1>&variable2=<#variable2>

Web Browser Security Considerations

Some websites prevent themselves to be embedded into other websites using iframe. In those cases, the component will be left blank (in Chrome and Firefox) or there may be an error message "This content cannot be displayed in a frame". The 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).