Tables
Main Tools
Item | 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 to the clipboard |
 Paste | Pastes the cut or copied object from the clipboard |
 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. |
Drawing Tools
Audit Log Table
Item | Description | |||
 Stop Drawing | This feature can be used Used to stop drawdrawing. | |||
 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. Users can set how many sides the Polygon can have and the dimensions of the polygon as well.  | |||
 Polyline | Used to draw polylines. New lines 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. Double click the Text Box to edit the text. Hit shift + enter to create a new line. | |||
 Image | Used to import an image to the Canvas project. Acceptable formats are *.png, *.jpg, *.gif, *.jpeg, *.bmp, *.svg, | |||
 Text Field | Used to input text during runtime, can run an action on enter if set. | |||
 Numeric Field | Used to input a number during runtime can run an action on enter if set. | |||
  Switch/Lamp | Used to create a switch/lamp object that is able to run multiple functions. | |||
 Insert Button | Opens up a dropdown of different button types available. | |||
  Momentary Button | Used to create a momentary button object that is able to run multiple functions. | |||
 Action Button | Used to create an action button object that is able to run multiple functions. | |||
  Insert Date/Time | Displays the current date and time based on the system date and time. | |||
 Fillable Rectangle | Used to create a rectangle that | automatically fills itself up based on | a the value of the tag | values bound to it. |
 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 | Sparkline | Used to create an alarm summary that displays alarm statuses. | ||
 Sparkline | Used to create a trend line without the graphical interface from the Trend. | |||
 Audit Log 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
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.
Arrange Tools
Item | Description |
 Bring to Front | Selected objects are elevated to a higher Z-index, commencing at zero and incrementing by one for each selected object, placing them in front of all other non-selected objects.  |
 Bring Forward One Layer | Increases selected object Z-index by one, bringing it front of objects with a lower Z-index.  |
 Send Backward One Layer | Decreased selected object Z-index by one, bringing it behind objects with a higher Z-index.  |
 Send to Back | Selected objects are lowered to a lower Z-index, starting from the highest number and decreasing by one for each selected object, positioning them behind all other non-selected objects.  |
 Align Left | Aligns all selected objects with the left edge of the leftmost object. Able to be used with two or more objects selected.  |
 Align Horizontal Center | Aligns all selected objects to be on the same x position. Meets in the middle. Able to be used with two or more objects selected.  |
 Align Right | Aligns all selected objects with the right edge of the rightmost object. Able to be used with two or more objects selected.  |
 Align Top | Aligns all selected objects with the top edge of the object with the highest y position. Able to be used with two or more objects selected.  |
 Align Vertical Center | Aligns all selected objects to be on the same y position. Meets in the middle. Able to be used with two or more objects selected.  |
 Align Bottom | Aligns all selected objects with the bottom edge of the object with the lowest y position. Able to be used with two or more objects selected.  |
 Distribute Horizontal | Aligns all selected objects to be distributed evenly between the leftmost and rightmost object. Able to be used with three or more objects selected.  |
 Distribute Vertical | Aligns all selected objects to be distributed evenly between the topmostand bottommost object. Able to be used with three or more objects selected.  |
 Rotate by Custom Angle | Rotates the selected objects using a customized rotation angle. |
 Rotate Counter-Clockwise 90° | Rotates the selected objects 90 degrees counterclockwise based on the center point.  |
 Rotate Clockwise 90° | Rotates the selected objects 90 degrees clockwise based on the center point.  |
 Horizontal Flip | Flips the selected objects horizontally based on the center point of the X-axis.  |
 Vertical Flip | Flips the selected objects horizontally based on the center point of the Y-axis.  |
Connection Tools
Item | Description |
 Open Connection Setup… | Opens the Connection Setup page. |
 Download Project to Selected Device… | Downloads the project from the host to the selected device. |
 Upload Project from Selected Device… | Uploads the project from the selected device to the host. |
 Launch Simulator… | Runs an instance of the project in the Canvas offline simulator for testing purposes. |
 Launch Online Simulator… | Runs an instance of the project in the Canvas online simulator for testing purposes. |
Project Tools
Item | Description |
 Open I/O Device Editor… | Opens the I/O Device Editor window. |
 Open Data Server Editor… | Opens the Data Server Editor window. |
 Open Script Editor… | Opens the Script Editor window. |
 Open Recipe Editor… | Opens the Recipe Editor window. |
 Open Alarm Editor… | Opens the Alarm Editor window. |
 Open Data Log Editor… | Opens the Data Log Editor window. |
 Open Identity and Access Manager… | Opens the Identity and Access Manager window. |
 Open Schedule Editor | Opens the Schedule Editor window. |
 Open Translation Editor… | Opens the Translation Editor window. |
 Open Cross Reference… | Opens the Cross Reference window. |
Font Tools
Item | Description |
Font | Change the style of text. |
 Add Custom Font | Allows the user to install custom fonts not available by default. |
Size | Changes the size of the text. |
Color | Changes the color of the text. |
 Bold | Bolds the selected text. |
 Italics | Italicises the selected text. |
 Underline | Underlines the selected text. |
 Align Left | Aligns the text to the left of the text box. |
 Align Center | Aligns the text to the center of the text box. |
 Alrign Right | Aligns the text to the right of the text box. |
 Top Align | Aligns the text to the top of the text box. |
 Vertical Align Center | Aligns the text to the center of the text box. |
 Bottom Align | Aligns the text to the bottom of the text box. |