Feature Description
Canvas has five available toolbars for users. The user can turn these toolbars on and off at will by clicking View > Toolbars. The available toolbars are as follows:
The main toolbar contains frequently used commands in CIMON Canvas.
The position of toolbars can be modified according to the users’ preferences. The toolbars can be dragged up and down, or left and right, for a single-layer or multi-layer look.
To show or hide the toolbar on the top menu, click View > Toolbars. When you execute the CIMON Canvas application, this toolbar shows up on the top menu by default. This toolbar can consist of the Main, Drawing, Arrange, Deployment, Color, and Font tools.
Main Tools
Item | Icon | Description |
New Page |  | Creates a new graphic page for the project. |
Open Project… |  | Opens an existing project. |
Save |  | Saves any pending changes to the current project. |
Save As… |  | Saves the project to a destination. |
Undo |  | Cancels the last action made on the graphic page. |
Redo |  | Reverse the last undo action made on the graphic page. |
Cut |  | Cuts the selected object. |
Copy |  | Copies the selected object. |
Paste |  | Pastes the cut or copied object. |
Zoom to 100% |  | Restores the workspace to the pixel dimensions of the selected HMI model. |
Zoom In |  | Adjusts the workspace to be bigger. |
Zoom Out |  | Adjusts the workspace to be smaller. |
For more information about each feature, please refer to the corresponding manual.
From this toolbar, the user can select commonly used drawing tools for basic shapes, lines, and text. The functions of each icon are listed in the following table.
Item Name | Icon | Description |
Stop Drawing |  | This feature can be used to stop draw |
Line |  | Used to draw lines. |
Rectangle |  | Used to draw rectangles or squares. |
Ellipse |  | Used to draw circles or ellipses. |
Pie |  | Used to draw sectors of a circle. |
Arc |  | Used to draw arcs. |
Chord |  | Used to draw chords. |
Polygon |  | Used to draw polygons. When a blank space on the page is clicked, a small pop-up window appears where the user can define the number of sides, height, and width of the polygon. |
Polyline |  | Used to draw polylines. Vertexes are added whenever you click a blank space on the graphic page. To exit drawing mode, double-click the blank space of the graphic page. |
Text |  | Used to enter text. Click the blank space of graphic page when you finish with editing text. You can add a new line by pressing the [Enter] key. |
Image |  | Used to import images into Canvas. Accepted file formats are *.png, *.jpg, *.jpeg, *.bmp, *.svg, and *.gif. |
Text Field |  | Used to create an text box that is interactive during runtime. |
Switch/Lamp |  | Used to create a switch/lamp object that is a composite of multiple functions. |
Fillable Rectangle |  | Used to create a rectangle that automatically fills up based on a tag value(s). |
Trend |  | Used to create a trend graph to plot historical data. |
Data Log Table |  | Used to create a data log table that lists historical data in columns and rows. |
Alarm Summary |  | Used to create an alam summary that displays alarm statuses. |
Sparkline |  | Used to create a trend line without the associated graph. |
Audit Log Table |  | Used to create an audit log table in the project. |
The features in this toolbar can be used to layer, align, rotate, and invert objects. The functions of each icon are listed in the following table. For further help arranging objects within the project, users can enable the Snap to Grid option by clicking View > Snap to… > Grid.
Item | Icon | Description | Example |
Bring to Front |  | This feature operates by placing all selected objects to the front of all non-selected objects. The selected object can partially cover other objects. |  |
Send to Back |  | This feature operates by placing all selected objects to the back of all non-selected objects. The selected object can be partially covered by other objects. |  |
Bring Forward One Layer | 
| This command is used to move a single selected object one layer forward. The selected object can partially be covered by other objects. |  |
Send Backward One Layer | 
| This command is used to move a single selected object one layer backward. The selected object can partially be covered by other objects. |  |
Align Left |  | This feature is enabled when you select two or more objects. Aligns the left edge of the selected objects with the left edge of the leftmost object. |  |
Horizontal Center |  | This feature is enabled when you select two or more objects. Aligns the middle of the selected objects with the horizontal center. The recently created object will be placed in front of the one previously created. |  |
Align Right |  | This feature is enabled when you select two or more objects. Aligns the right edge of the selected objects with the right edge of the rightmost object. |  |
Align Top | 
| This feature is enabled when you select two or more objects. Aligns the top edge of the selected objects with the top edge of the topmost object. |  |
Vertical Center |  | This feature is enabled when you select two or more objects. Aligns the middle of the selected objects with the vertical center. The recently created object will be placed in front of the one previously created. |  |
Align Bottom |  | This feature is enabled when you select two or more objects. Aligns the bottom edge of the selected objects with the bottom edge of the bottommost object. |  |
Distribute Horizontal | 
| This feature is enabled when you select three or more objects. This feature evenly spaces all selected objects horizontally between the leftmost and rightmost selected objects. |  |
Distribute Vertical | 
| This feature is enabled when you select three or more objects. This feature evenly spaces all selected objects vertically between the topmost and bottommost selected objects. |  |
Rotate by Custom Angle |  | This feature rotates the selected objects using a customized rotation angle. |
|
Rotate Counter-Clockwise 90° | 
|
This feature rotates the selected objects 90 degrees counterclockwise based on the center point. |
 |
Rotate Clockwise 90° | 
|
This feature rotates the selected objects 90 degrees clockwise based on the center point. |
 |
Horizontal Flip | 
|
This feature flips the selected objects horizontally based on the center point of the X-axis. |  |
Vertical Flip | 
|
This feature flips the selected objects vertically based on the center point of the Y-axis. |  |
This toolbar allows users to quickly access the Connection Setup pop-up window and run the Simulator.
Item | Icon | Description |
|---|---|---|
Launch Simulator… |  | Runs an instance that simulates the project for viewing or troubleshooting purposes. |
Open Connection Setup… |  | Open the Connection Setup page. |
Download Project to Selected Device… |  | Transfer project from the CPU to the device. |
Upload Project from Selected Device… |  | Transfers project from the device to the CPU. |
This toolbar provides quick access to features such as I/O Device Editor, Alarm Editor, Schedule Editor, etc.
Item Name | Icon | Description |
Open I/O Device Editor… |  | For information regarding the I/O Device Editor, please refer to the I/O Device Editor section. |
Open Data Server Editor… |  | For information regarding the Data Server Editor, please refer to the Data Server Editor section. |
Open Script Editor… |  | For information regarding the Script Editor, please refer to the Script Editor section. |
Open Alarm Editor… |  | For information regarding the Alarm Editor, please refer to the Alarm Utilization section. |
Open Data Log Editor… |  | For information regarding the Data Log Editor, please refer to the Data Logging section. |
Open Identity and Access Management… |  | For information regarding the Identity and Access Management feature, please refer to the Security section. |
Open Schedule Editor… |  | For information regarding the Schedule Editor, please refer to the Scheduler section. |
Open Translation Editor… |  | For information regarding the Translation Editor, please refer to the Translation Setup section. |
Open Cross Reference… |  | For information regarding the Cross Reference, please refer to the Cross Reference section. |