Configuring Buttons with Images

You can use buttons with an image/SVG in Industrial Graphics.

• The "up" image appears after a button is released and returns to the up position during run time

• The "down" image appears after a button is pressed and locks in the down position during run time

You can edit an up image or a down image after you assign it to a button.

To use a down image or up image on a button

1. Select the button element on the canvas.

2. In the Properties Editor, select Image in the property ButtonStyle list.

3. Click the browse button of the UpImage property and select an image/SVG in the Open dialog box. This is the image that appears on the button by default and also when the button is released.

4. Click the browse button of the DownImage property and select an image/SVG in the Open dialog box. This image appears after the button is clicked.

To edit an up image or a down image of a button

5. Right-click the button element on the canvas. The context menu appears.

6. Click Edit Button Image, then click one of the following:

   • Edit Up Image

   • Edit Down Image

   The up image or down image is opened in the default image editor.

7. Edit the image.

8. Save the image and close the image editor. The up image or down image is updated.

Related Topics

Using Buttons