Difference between revisions of "HTML Properties"

From Mea Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
The HTML presentation object can be used to store and display custom HTML content inside QPR MobileDashboard. Difference to [[External_Content_Properties|External Content]] presentation object are follows:
 
The HTML presentation object can be used to store and display custom HTML content inside QPR MobileDashboard. Difference to [[External_Content_Properties|External Content]] presentation object are follows:
* External content is just a link to the web page that must reside outside QPR MobileDashboard. HTML presentation object contain the HTML code so it's stored to QPR MobileDashboard and transfered when exportin and importing views. Still, the HTML code may refer to external resources in web.
+
* External content is just a link to the web page that must reside outside QPR MobileDashboard. HTML presentation object contain the HTML code so it's stored to QPR MobileDashboard and transfered when exportin and importing views. Still, the HTML code may refer to external resources in web.
* External content presentation object is not able to draw outside its content area. This is because External content presentation object is tecnically an iframe, and the browsers don't allow iframes to draw to its parent window. HTML presentation object is able to draw outside its content area.
+
* External content presentation object is not able to draw outside its content area. This is because External content presentation object is tecnically an iframe, and the browsers don't allow iframes to draw to its parent window. HTML presentation object is able to draw outside its content area.
 +
 
  
 
__TOC__
 
__TOC__
Line 7: Line 8:
 
== Properties Tab ==
 
== Properties Tab ==
 
The following properties can be set on the Properties tab:
 
The following properties can be set on the Properties tab:
* '''Name''': Name of the HTML presentation object.
+
* '''Name''': Name of the HTML presentation object. The name is not visible in the dashboard.
* '''Description''': Description for the HTML presentation object.
+
* '''Description''': Description for the HTML presentation object. The description is not visible in the dashboard.
  
 
== Presentation Tab ==
 
== Presentation Tab ==
The '''HTML Code text''' field is where you can define the HTML that will make up the displayed HTML page. Using CSS and JavaScript is supported.
+
* The '''HTML Code''' contains the HTML that will make up the displayed HTML content. Also CSS and JavaScript balocks can be used.
* By using JavaScript, it's possible to create HTML content that reacts when the HTML presentation object's effective context changes or when the HTML presentation object's container (panel or repeater) changes size.
+
** By using JavaScript, it's possible to create HTML content that reacts when the HTML presentation object's effective context changes or when the HTML presentation object's container (panel or repeater) changes size.
* You can also use [[Dynamic_Tags_in_QPR_MobileDashboard#Variable_tag|context variables]] in the HTML code.
+
** You can also use [[Dynamic_Tags_in_QPR_MobileDashboard#Variable_tag|context variables]] in the HTML code.
The '''Scrolling Mode''' selections define the [https://www.w3schools.com/cssref/pr_pos_overflow.asp CSS overflow] properties for the HTML content.
+
* '''Horizontal / Vertical scrollbar''' defines whether horizontal or vertical scrollbar is shown for the HTML presentation object. Alternatives are:
 +
** '''Auto''': Scrollbar is visible if the content is scrollable (i.e. HTML presentation object height is greater than the available area for the presentation object in the view).
 +
** '''Visible''': Scrollbar is always visible. If the content is not scrollable, the scrollbar is grayed.
 +
** '''Hidden''': Scrollbars are not shown. This can be used when the HTML presentation object should not contain scrollbars to prevent the scrollbars appearing accidentally. If the height of the HTML presentation object is greater than the available area in the view, rest of the content is not accessible.
 +
 
 +
[[Category: QPR MobileDashboard]]

Revision as of 14:10, 30 August 2017

The HTML presentation object can be used to store and display custom HTML content inside QPR MobileDashboard. Difference to External Content presentation object are follows:

  • External content is just a link to the web page that must reside outside QPR MobileDashboard. HTML presentation object contain the HTML code so it's stored to QPR MobileDashboard and transfered when exportin and importing views. Still, the HTML code may refer to external resources in web.
  • External content presentation object is not able to draw outside its content area. This is because External content presentation object is tecnically an iframe, and the browsers don't allow iframes to draw to its parent window. HTML presentation object is able to draw outside its content area.


Properties Tab

The following properties can be set on the Properties tab:

  • Name: Name of the HTML presentation object. The name is not visible in the dashboard.
  • Description: Description for the HTML presentation object. The description is not visible in the dashboard.

Presentation Tab

  • The HTML Code contains the HTML that will make up the displayed HTML content. Also CSS and JavaScript balocks can be used.
    • By using JavaScript, it's possible to create HTML content that reacts when the HTML presentation object's effective context changes or when the HTML presentation object's container (panel or repeater) changes size.
    • You can also use context variables in the HTML code.
  • Horizontal / Vertical scrollbar defines whether horizontal or vertical scrollbar is shown for the HTML presentation object. Alternatives are:
    • Auto: Scrollbar is visible if the content is scrollable (i.e. HTML presentation object height is greater than the available area for the presentation object in the view).
    • Visible: Scrollbar is always visible. If the content is not scrollable, the scrollbar is grayed.
    • Hidden: Scrollbars are not shown. This can be used when the HTML presentation object should not contain scrollbars to prevent the scrollbars appearing accidentally. If the height of the HTML presentation object is greater than the available area in the view, rest of the content is not accessible.