Adding Icons to Labels and Buttons

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 configured in the component's layout section of its Property Editor.

Adding an Icon to a Label

  1. Create an Label on your window.

  2. Go to the component's Property Editor and select the folder icon from the Text property.

  3. From the resulting 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.

Next ...