HTML Properties

The HTML presentation object is used to display custom HTML content inside QPR MobileDashboard. Main differences to External Content presentation object are follows:

• External content is just a link to an external web page that must reside outside QPR MobileDashboard. HTML presentation object contains the needed HTML code, and thus the content is stored to QPR MobileDashboard and transfered when exporting and importing views. Still, the HTML code may refer to external resources in web, but that should be avoided so that views are easily deployable.
• External content presentation object is not able to draw outside its area in the view. This is because External content presentation object is tecnically an iframe, and browsers don't allow iframes to draw to its parent window area. HTML presentation object is able to draw outside its content area.
• The HTML code in the HTML presentation object is not an entire web page but an HTML block, such as a DIV tag. External content presentation object needs to link to full web page (starting with HTML tag).

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 how the 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). Scrollbar is hidden, if the content is not scrollable. Setting width may be more difficult as width depends whether the scrollbar is shown.
  • 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.

Add an HTML Presentation Object

HTML presentation object is added to a view like adding the SVG presentation object, but instead of SVG presentation object select the HTML presentation object in the toolbar. You can use the example HTML code defined above. Note that HTML presentation objects don't contain actions like SVG presentation objects.