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
Item | Description |
 Stop Drawing | Used to stop drawing. |
 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 fills itself up based on the value of the tag 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 | 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 | Used to create an Audit Log Table object in the project. |
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. |
Add Comment