About the Graphic Editor
- Last UpdatedDec 06, 2024
- 3 minute read
The figure below shows the various components of the Industrial Graphic Editor to create and configure graphic elements and graphics. You check a graphic and then double-click it to begin editing. The Industrial Graphic Editor opens and shows the graphic you selected on the canvas area.

|
|
The Menu Bar shows options with drop-down lists of commands to modify the graphic on the canvas. |
|
|
The Command bar includes commands to save, save and close, and close the Industrial Graphic Editor. |
|
|
The Configuration bar includes options to configure the visual appearance of text and lines that are part of the graphic on the canvas. |
|
|
The Placement bar includes options to align selected graphic elements or graphics on the canvas. |
|
|
The Tools pane contains a set of icons that represent graphic elements. A graphic element is selected from the Tools pane and then dragged and dropped onto the canvas for editing. |
|
|
The Elements area lists the current set of graphic elements or graphics on the canvas in a hierarchical view. |
|
|
The Canvas area shows graphic elements or other content that belong to the graphic currently being edited. |
|
|
The Properties grid lists the Graphic, Appearance, Runtime Behavior, and Custom Properties of the graphic element or graphic selected on the Canvas. Each property contains a data entry field to assign a value to the property. |
|
|
The Toolbox tab includes a set of folders containing screen profiles, layouts, graphics, apps, and ViewApp namespaces. |
|
|
The Assets tab shows the derived instances of objects listed in the Model view of a ViewApp. |
|
|
The Templates tab shows the contents of the Template folder. |
|
|
The GPI field shows the calculated Graphic Performance Index of the graphic currently being edited. The GPI is a value from 0 to 5 that indicates load-time performance of each piece of content that belongs to a graphic. |
|
|
The Language field shows the languages configured for the selected graphic on the canvas. |
|
|
Current cursor position by pixel width and height from the origin of the canvas (0,0), which is the top left corner of the canvas area. |
|
|
Width and height in pixels of the selected graphic element on the canvas. |














