Iconics Suite - switching between trends in HTML5 (Web browser client)

This article shows how to switch between different trends in one TrendWorX64 Viewer control in web browser versions of GraphWorX64 displays. This is an alternative to the TrendWorX64 Viewer tabs functionality which is unsupported in HTML5.

1. Tabs in desktop GraphWorX64 displays

In desktop GraphWorX64 displays multiple tabs can be created in one TrendWorX64 Viewer control, allowing the operators to quickly switch between multiple charts:

Unfortunately, this functionality is not supported in HTML5, so when a display using tabs is used by a web browser client, the tabs are not visible and only one chart is shown.

2. Solution for web clients - Load Trend Configuration command

In order to switch between charts on your web client, save the trend configuration for each tab in a separate .twxx file:

Give a unique name to your TrendWorX64 Viewer control:

Add buttons to your display with the Pick dynamic set to execute the Load Trend Configuration command with the file specified and your Viewer control name as target:

Relative paths can be used when all the trend configuration files are stored in the same directory as the display file. This can also be done in the AnyGlass folder, which makes trend switching possible for all web clients accessing the visualization without them downloading the files first.

A .gdfx file with a sample display and two trend configuration files are attached to this article.

The sample display working on a desktop client:

Same display on a web client:

• Related Articles

• Iconics Suite - Client type check (GraphWorX or web browser)

  This article give you possibility to recognize on which Iconics Suite client type your display is open and use this information for future action like show or hide certain elements Notice quality code 192 is good, 0 is bad Expression for label ...

• Iconics Suite - GraphWorX Client on external machine [Iconics Architecture]

  This article will explain how to install GraphWorX64 Client on external PC (other than Iconics server with application) Start Iconics installation from Iconics Suite installation .iso by clicking RunMe Select ICONICS Suite Wait till all necessary ...

• Iconics Suite - Listing PDF files from a given directory and displaying the selected PDF in Web Browser Control

  This article is to show how to create display with dynamic list of the PDF files from exact directory on your hard drive and how to use web browser control to display those files PDF files folder Prepare folder with your PDF files under this path: ...

• Iconics Suite - FDA 21 CFR 11

  This article contains information about Iconics funcionalities in compliance with 21 CFR 11. 21 CFR 11 Using Iconics GENESIS64 solutions allows system integrators to create SCADA applications in compliance with FDA 21 CFR Part 11, which is an ...

• Iconics Suite - Where to find

  This article list all the basic sources that help You to get familiar with the functionality of Iconics Suite Iconics Suite have the vast of materials on the web that can be directly accessed by the customer without contacting with any ...