Being true to the fact that Flow is a consolidated information platform, it allows one to embed an external webpage on a dashboard pane, to create a web portal of mixed content types hosted in one central place.
The web page chart can link to any URL and has the capability to include headers and parameters as part of the request.
Typical uses include to render real time SCADA graphics (most modern SCADA/HMI packages have the capability to render their displays as an HTML5 compatible web page) in conjunction with Historical KPI information on one single dashboard to create a realty powerfully decision support solution.
A Web Page chart consists of the following groups:
The General tab is used to define the general layout of a table as well as the default period displayed and which indicators to display by default. The General tab consists of Page, Title and Period.
Under the Table section we have the following properties:
||This sets the color of the background area that surrounds the table. The default is the “Windows” theme color.|
||This sets the padding to the left of the table. The default is 0.|
||This sets the padding to the right of the table. The default is 0.|
||This sets the padding to the top of the table. The default is 0.|
||This sets the padding to the top of the table, the default is 0.|
Refer to the general “Title” chart properties section for more information.
Refer to the general “Period” chart properties section for more information.
The Headers tab define the URL, Headers and Parameters that can be added to your web page request
Resource (Base URL)
A Uniform Resource Locator(URL), colloquially termed a web address, is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier(URI),although many people use the two terms interchangeably. URLs occur most commonly to reference web pages (http).
Selecting the resource item under the link tab will allow you to add the specific URL to browse to:
||This is used to display the address to navigate to.|
HTTP headers allow the client and the server to pass additional information with the request or the response. An HTTP header consists of its case-insensitive name followed by a colon ':', then by its value (without line breaks).
Headers can be added by selecting the Add/Header option by right clicking on the “Headers” section under resources. Each header has the following options:
- Name–Name of the header to be passed
- Value –Value of the corresponding header to be passed
URL Parameters are those whose values are set dynamically in a page's URL. These can be accessed by its template and its data sources. This makes pages incredibly dynamic, enabling a single page to power an endless number of views.
Parameters can be added by selecting the Add/Parameter option by right clicking on the “Parameters” section under resources. Each header has the following options:
||Name of the header to be passed.|
||Value of the corresponding header to be passed.|
To allow for dynamic parameters, one can use the period start and period end placeholders in the Parameter value section. These will be replaced by the start and end time as configured in the period section on the chart.
This will allow to load dynamic URL’s based on a dynamic time range.
||Will be replaced by the end time of the period with the specified Date/Time Formatting applied.|
||Will be replaced by the start time of the period with the specified Date/Time Formatting applied.|