Skip to main content
Version: 7.9

Adding Icons to Labels and Buttons

Inductive University

Adding Icons to Labels and Buttons

Watch the video

Creating Visible Understandable Components

Most components have an Image Path property, which augments the text property of a component by placing an image next to it. The image can be an icon that is included with Ignition or an image such as a .jpeg or .png file.

The location of the image in relationship to the component's text is generally handled by the Horizontal Text Position property, located in the Layout section on the component.

Adding an Icon to a Label

  1. Create a Label on your window.
  2. Go to the component's Property Editor and select the folder icon (folder icon) in the Image Path property.
  3. From the resulting Image Browser popup, navigate to the icon of your choice and double-click it using your mouse. The component's Horizontal Text Position and Vertical Text Position properties will change the location of the icon in relationship to the text.

Components can be customized so that it is immediately clear what it is trying to convey.

Visible Understandable Components