Canvas Overview

Canvas provides high-quality screen design functionality, utilizing a variety of specialized tools and controls, which you can use to create user screens to interface with your CygNet Software installation and data. The Canvas plugin model allows the creation of custom or third-party control types, and once added to Canvas they will be available for addition to your screens.

Canvas is a 64-bit application by default. When started the application will detect the platform and will run as 64-bit on a 64-bit machine and 32-bit on a 32-bit machine.

CygNet Thin Web Client

Canvas is the client designer software program required to design, create, build, and configure HMI screens for the CygNet Thin Web Client. Screens are constructed using the design and screen-building components of a web-enhanced version of the CygNet Canvas client. Use Canvas to layout HMI components onto a screen (a page of controls) and configure a logical workflow between controls and related screens. Once published, those screens are converted and compiled into a single page application (SPA) residing on the main web server, which are then viewed in a web browser.

Canvas User Interface

Click for more information

Click the thumbnail to see
a sample Canvas workspace with callouts

 

Click for more information

Click the thumbnail to see
a Sample Canvas Backstage view, Settings page

Canvas contains a set of controls and features that are compatible with CygNet Software v9.8 or later, including:

 

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

Other Canvas Applications

Canvas.View is the read-only runtime companion application to Canvas providing a standard multi-document interface to your Canvas screens. You can also open any CygNet Studio file (.csf) in Canvas.View. Canvas.View.Lite is a very light read-only runtime companion application to Canvas. Canvas.View and Canvas.View.Lite are 64-bit applications by default.

Sample Canvas Screens

Note:

Canvas screen examples are available in two locations:

Be sure to browse through these files to familiarize yourself with how scripting is commonly added to object events.