Add a graphic element to a screen

Add up to 500 graphic elements, including Add-On Graphics and Image graphic elements, to a screen. After adding a graphic element to a screen, change its appearance and behavior by changing its properties, binding it to a tag, and associating it with an animation or event.
To add a graphic element to a screen
  1. In the
    Toolbox
    , click a category to display the graphic elements in that category.
  2. Drag a graphic element onto the screen. You can also double-click a graphic element in the
    Toolbox
    to add it to the center of the screen. If a graphic element is already selected on the screen, the new graphic element is placed on top of it.
Tips:
  • If the outline of an empty Add-On Graphic appears on the screen, the definition of the Add-On Graphic is empty. Add graphic elements to the Add-On Graphic by changing the definition of the Add-On Graphic. All instances of the Add-On Graphic then update to display the contents of the Add-On Graphic.
  • Add a graphic element that is used in a different project by copying and pasting the graphic element between the projects.
  • If you know the name or type of the graphic element you want to add, use the search feature for the
    Toolbox
    .
  • The name of each graphic element ends with a number that increments by one each time you add an instance of that element. For example, TextDisplay_002 indicates a second instance of the Text Display graphic element on the screen.
Important:
  • If you place a lot of content on your screens, such as large images, the HMI device can run out of memory. The
    Properties
    tab displays the size of the image. Use the predefined
    HMI Device
    screen to monitor memory usage. If the HMI device runs out of memory while it is running an application, it restarts and provides an error message indicating that an out-of-memory condition occurred.
  • If the computer running
    View Designer
     runs out of memory,
    View Designer
     shuts down and provides a message indicating that an out-of-memory condition occurred.
    View Designer
     retains the last saved version of the project.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal