Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

Edge HMI

Modify a screen's background color or image

  • Last UpdatedOct 29, 2026
  • 3 minute read

A project screen can have either a solid background color or an editable background image.

Selecting a screen's background color

By default, a newly created project screen has a solid white background. To change this background color:

  1. Make sure the screen file is open for editing.

  2. On the Draw tab of the ribbon, in the Screen group, click Background Color. A standard color picker is displayed as a shortcut menu.

  3. Use the color picker to select a color. The color is applied to the entire project screen.

    Tip: If you want to set a background color for only part of a screen, draw a shape object and then send it to the back.

Enabling a screen's background image

To enable the background image for a screen and then edit it:

  1. Make sure the screen file is open for editing.

  2. On the Draw tab of the ribbon, in the Screen group, click Attributes.The Screen Attributes dialog box is displayed.

  3. Select Enable Background. A new BMP file with the same name as the screen is automatically saved in the Screen folder in your project folder (for example, […]\<project name>\Screen\screenname.BMP).

  4. Click OK to close the Screen Attributes dialog box.

  5. On the Draw tab of the ribbon, in the Screen group, click Background Image. Microsoft Paint is run automatically and the BMP file is opened for editing.

  6. Use Microsoft Paint to edit the background image as needed.

    Tip: To use an image editor other than Microsoft Paint, manually edit the program settings file (AVEVA\AVEVA Edge2026\Bin\Program Settings.ini) to add the following setting:

    [Options]

    ImageEditor=filepath

    Specifying an existing image file as the background

    To select an existing image file, especially if it is in a format other than BMP:

    1. Copy the image file that you want to use to the Screen folder in your project folder.

    2. In the development environment, make sure the screen file is open for editing.

    3. On the Draw tab of the ribbon, in the Screen group, click Attributes.The Screen Attributes dialog box is displayed.

    4. Select Enable Background, and then in the list to the right of the option, select the image file format.

      Note: Only BMP, JPG, PNG, and PCX images are supported in projects running on Windows Embedded devices. However, each device's operating system must also be configured to support those image formats, and that configuration is typically done by the device manufacturer. BMP, JPG, and PNG are commonly used image formats, and they should be supported on most devices. PCX is less commonly used, and it might not be supported on some devices. For more information, see the manufacturer's documentation for your device.

    5. Select Shared Image, and then in the box to the right of the option, type the name of the image file. Do not include the file extension, because that is controlled by the list selection in the previous step. This field accepts String expressions, for example {MyBackground}.

      You can specify folders within the Screen folder. For example, if you type MyBackgrounds\Background1, the program will look for the image file at […]\<project name>\Screen\MyBackgrounds\Background1.

    6. Click OK to close the Screen Attributes dialog box. If the program can find and load the specified image file, the image will be displayed in the project screen. If not, then a warning message will be displayed.

      In This Topic
      Related Links