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 presents information about industrial icons, showing how to use them in your solutions.
On this page:
| Table of Contents | ||||
|---|---|---|---|---|
|
Understanding Industrial Icons
The Industrial Icons refer to graphical elements for creating intuitive navigation into your applications. They are available to use in two approaches on the Displays/Draw:
Industrial Icon Font Family
The industrial icon font family approach converts alphanumeric characters into icons. It requires the character-to-icon conversion table.
You need to insert a component into the display to use this feature in your solution.
- Go to Displays → Draw.
- Add a component into the display — such as TTextBlock.
- Click once on the component you just added to select it.
- On Drawing Properties → Text located at the right panel, click the font name to open the Font selection window.
- Scroll down until the end of the list and select the last option (IndustrialIcons).
| Expand | ||
|---|---|---|
| ||
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 IndustrialIcons.
- 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.
| Expand | ||
|---|---|---|
| ||
|
Using Industrial Icons in Solution Displays
Inserting
Users have two methods for inserting industrial icons to their displays.
The first method is by using the Industrial Icon font family.
- Go to Displays → Draw.
- Add a text output — such as TTextBlock.
- Type the corresponding character code.
- Access the font settings and choose an icon from the IndustrialIcon font.
The second method is to select the industrial icons from the Components Panel.
- Go to Displays → Draw.
- On the Components Panel, select the component you wish by clicking it.
- Once selected, click on the Drawing area to add the component to the display.
Configuring
- 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.
Character-Icon Conversion
The complete conversion table is available below.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|