Overview
Industrial icons are graphical components used in user interface navigation design, enabling the creation of globally recognizable and user-friendly interfaces. Their purpose is to facilitate intuitive navigation within solution displays. This page provides information about industrial icons and demonstrates how to use them in your solutions.
On this page:
Industrial Icons Gallery
The Industrial Icons refer to graphical elements for creating intuitive navigation into your applications. They are available to use in two ways on Displays → Draw.
Industrial Icon Font Family
The industrial icon font family approach converts alphanumeric characters into icons using a character-to-icon conversion table.
This behind-the-scenes association is not required, as you can drag and drop the images directly. However, it can be useful for advanced scenarios where you want to use the #IndustrialIcons font directly on text elements.
Blue squares with rounded edges show the icons.
Gray squares show the corresponding characters.
Drag-and-Drop Graphical Component
The drag-and-drop approach allows you to select the icon from the Industrial Icons category in the Components Panel.
- Go to Displays → Draw.
- On the Components Panel, select Industrial Icons.
- Drag-and-drop the icon at your choice to the Drawing area.
Differences Between Approaches
Both approaches support size, color, and alignment controls, but each handles these slightly differently.
- Size
- Color
- Alignment
Configuring Industrial Icons
- Add the desired icon to your display following the steps above.
- Double-click the icon to access the Settings and Dynamics tabs.
- Check the Action checkbox.
- Set the Event to MouseLeftButtonDown.
- Set the Action to OpenDisplay and select the target display.
This configuration triggers specific displays through user interaction with the icons, improving navigation and functionality.
In this section: