Supported Canvas Controls in Thin Web Client

The following Canvas controls, and its major features, are supported in the CygNet Thin Web Client. Link to any control in the Canvas section to learn about the control, configuration and run-mode options, and what's supported in the Thin Web Client web view.

See All CygNet Studio, Canvas, and Thin Web Client Controls for a comparative list of controls in all HMI Clients.

Browse by letter:     [A]     [C]     [D]     [F]     [I]     [L]     [M]     [N]     [S]     [T]     [U]     [V]    

Name of Control Type of Control
CygNet
Aware
Single
Value
Major Supported Features

Alarm Grid

Grid

CygNet Aware

 

Alarm Grid icon The Alarm Grid supports the creation of customizable and interactive tables for the display and management of large amounts of alarm data in columns and rows.

  • Static alarm filter support
  • Configurable alarm toolbar filters in runtime
  • Configurable columns — alarm, facility, and point
  • Self and point state color support — background and text
  • Facility sender
  • Facility receiver

Chart

Chart

CygNet Aware

 

Chart icon The Chart provides a customizable means to visualize point values and historical CygNet data in a line chart.

  • Facility receiver
  • Single y-axis
  • Quick range buttons
  • Configurable toolbar
  • Series type of Line only
  • Series relative facility support

CygNet Grid

Grid

CygNet Aware

 

Grid icon The CygNet Grid supports the creation of customizable and interactive tables for the display and management of large amounts of data in columns and rows.

  • Configurable columns — facility, point, image
  • Configurable column colors — self and point state color support for background and text
  • Facility sender, Facility receiver
  • Built-in hyperlink support on double-click — modes are Open, Modal open (popup window), Replace
  • Summary rows

DDS Button

Common

CygNet Aware

 

Navigation Button icon The DDS Button is used to get and send data group transaction data (data group element Ids (DEIDs)) for a remote device. Must be used in conjunction with the DDS Edit Box and the DDS Text Tool.

  • Facility receiver
  • Supports two transaction types, Get and Send
  • Source facility used to determine associated remote device, and from the remote device, the device type can be ascertained. Based on resolved device type, data group (type and ordinal) used to issue transaction request to remote device and complete the operation.
  • Color configuration — background, text, and border
  • Static image support

DDS Edit Box

Common

CygNet Aware

 

Edit Box icon The DDS Edit Box is used to edit data group transaction data (data group element Ids (DEIDs)) for a remote device. Must be used in conjunction with the DDS Button.

  • Facility receiver
  • Supports two transaction types, Get and Send
  • Get data group transaction data from a remote device, via the DDS Button, which is then populated in the DDS Edit Box
  • Send edited data group transaction data to the remote device, via the DDS Button
  • Configure device type, DEID, and minimum and maximum values
  • Text label and Watermark

DDS Text Tool

Common

CygNet Aware

 

Text Tool icon The DDS Text Tool is used to display data group transaction data (data group element Ids (DEIDs)) for a remote device. Must be used in conjunction with the DDS Button.

  • Displays transaction-based data
  • Receive facility and data group from DDS Button
  • Configure device type, DEID, and display type
  • Color configuration — background, text, and border

Detail

Data Visualization

CygNet Aware

Single Value

Detail icon The Detail displays real-time data for a single point in multiple formats within the same control.

  • Single point control
  • Display any associated facility or point attribute in three lines of text
  • A sparkline with configurable line color and date ranges, both relative and absolute
  • An arrow used to flip the Detail control when clicked and display a Canvas object of your choosing on the reverse side of the Detail control. The object on the reverse side will receive its point and facility configuration from the Detail control.
  • Facility receiver

Donut

Data Visualization

CygNet Aware

Single Value

Donut icon The Donut displays real-time point data on a circular linear scale. Data is represented in a ring that fills the Donut in a clockwise direction to a value between a lower and upper bound.

  • Single point control
  • Display any associated facility or point attribute in three lines of text
  • Self and point state color support — background, text, ring, and empty ring
  • Can display alarm ranges
  • Facility receiver

Dynagraph

Data Visualization

CygNet Aware

 

Dynagraph icon The Dynagraph displays dynagraph card data to provide a window into rod-pump well performance by displaying cards for available Pump Off Control (POC) facilities in your CygNet system.

  • Card view — surface, downhole, or both
  • Facility receiver
  • Read and write via context menu
  • Color configuration — background and foreground elements

Facility Emitter

Common

CygNet Aware

 

Facility Emitter icon The Facility Emitter control leverages the facility receiving and facility sending model in Canvas allowing multi-directional linking between controls. The control takes facility information passed to it from a sending control (e.g., a tag chooser, map, or even a grid), applies a facility filter, then delivers filtered data to other receiving controls on the screen.

  • A hidden control, visible only in design mode
  • No scripting required to deliver sophisticated screens
  • Facility receiver (single), facility sender (multiple)
  • Filter based on received facility tag
  • Connect to any sender control to receive its facility context and/or connect to any receiving control to send filtered data
  • Connected to another Facility Emitter in a daisy-chain to allow deeper filtering before passing data to a final receiving control

Image

Common

CygNet Aware

Single Value

Image icon The Image control can be used to display images on your screens.

  • Support for common image formats (.bmp, .png, .jpg, .jpeg, .gif, .svg)
  • Facility receiver
  • Point state image support

Linear Gauge (Horizontal)

Linear Gauge (Vertical)

Data Visualization

CygNet Aware

Single Value

Linear Gauge Horizontal icon Linear Gauge Vertical icon The two Linear Gauge controls display real-time point data on a horizontal or vertical object. Two separate controls are supported: the Linear Gauge (Horizontal) the Linear Gauge (Vertical). Data is represented by a bar that fills the control to a calculated value between a lower and upper bound.

  • Single point control
  • Display any associated facility or point attribute
  • Facility receiver
  • Self and point state color support — background, text, bar, and empty bar

Map

Navigation

CygNet Aware

 

Navigation Button icon The Map control can be used to display an Azure or OpenStreet map on your screens.

  • Image layer supported
  • Display multiple facilities for a region
  • Layer can be facility receiver and facility sender
  • Point state images supported
  • Hyperlink to another screen from a facility image

Navigation Button

Common

CygNet Aware

Single Value

Navigation Button icon The Navigation Button can be used to add buttons to your screens that implement hyperlinking to other Canvas screens without scripting.

  • Single point control
  • Display any associated facility or point attribute
  • Facility receiver
  • Self and point state color support — background, text, and border
  • Built-in hyperlink support on double-click — modes are Open, Modal open (popup window), Replace
  • Static image support

Nested View

View

CygNet Aware

 

Nested View icon The Nested View shows another screen, meaning you can show a screen within another screen. This allows for more templated screens or dynamic screens, which can be swapped out at runtime based on user selection.

  • Facility receiver

  • Border color support

  • Nest linked screen in parent screen

Note Grid

Grid

CygNet Aware

 

Note Grid icon The read-only Note Grid displays CygNet notes, pulled from the CygNet NOTE Service (NOTE), allowing users to view annotations and share information relevant to production system activities and events.

  • Configurable columns — facility and note
  • Configurable column colors
  • Display notes by note attribute
  • Filter note by note type
  • Facility receiver and facility sender
  • Configurable date and time
  • Export grid data to .csv file

Screen

Screen

CygNet Aware

 

Screen icon The Screen is where you create flexible and interactive diagrams and layouts for your users. By configuring a screen with controls and tools, you can create a data-rich visualization of devices, facilities, and other elements in your CygNet environment, conveying information about the state of a process via charts, grids, gauges, images, and other data-visualization tools, and design workflows in run mode. The Canvas screen is where you create the HMI for your users in the field and is analogous to TheFrame/TheView in CygNet Studio.

SetPoint Button

Common

CygNet Aware

Single Value

SetPoint Button icon The SetPoint Button can be used to add buttons to your screens that perform a setpoint command to change to a new point value without scripting.

  • Single point control
  • Display any associated facility or point attribute
  • Facility receiver
  • Self and point state color support — background, text, and border
  • Static image support
  • Built-in setpoint command (no script needed)
  • Configurable dialog box that prompts user to enter a new point value

Shape

Common

CygNet Aware

Single Value

Shape icon The Shape control can be used to draw geometric shapes, lines, and other custom paths on your screens.

  • Basic shape geometry
  • Single point control
  • Display any associated facility or point attribute
  • Facility receiver
  • Self and point state color support — fill, line, and text
  • Hyperlink to another screen

Sparkline

Chart

CygNet Aware

Single Value

Sparkline icon The Sparkline chart displays historical data for a single point on a single line. This lightweight line chart is drawn without axes, labels, or legend, and is typically used to understand the shape of historical data: trends up or down, highlight maximum or minimum values, and identify spikes in the data.

  • Single point control
  • Facility receiver
  • Relative date support
  • Series relative facility support
  • Color support — background and line

Tag Chooser

Navigation

CygNet Aware

 

Tag Chooser icon The Tag Chooser displays a hierarchical tree of CygNet facilities and points, allowing the creation and implementation of templated screens in Canvas. It can be used as the primary navigational control on your screens to drive other controls by sending facilities and point values to receiving controls.

  • Facility-based hierarchy support
  • Support for initial filter
  • Facility sender
  • Color support — background and text

Text Tool

Common

CygNet Aware

Single Value

Text Tool icon The Text Tool can be used to display text on your Canvas screens.

  • Single point control
  • Display any associated facility or point attribute
  • Facility receiver
  • Self and point state color support — background and text
  • Hyperlink to another screen

UIS Command Button

Common

CygNet Aware

Single Value

UIS Command Button icon The UIS Command Button can be used to add buttons to your screens that send any kind of UIS command for a specified facility without scripting.

  • Single point control

  • Display any associated facility or point attribute

  • Facility receiver

  • Self and point state color support — background, text, and border

  • Static image support

  • Built-in UIS command (no script needed)

  • Configurable dialog box that prompts user to enter parameter value

Value Indicator

Data Visualization

CygNet Aware

Single Value

Value Indicator icon The Value Indicator adds visual context to real-time point and alarm data. A data range is represented on a vertical bar that fills the control between an upper and lower bound.

  • Single point control
  • Display any associated facility or point attribute for three lines of text
  • Facility receiver
  • Self and point state color support — background, text, and marker fill color
  • Can display alarm ranges