Overview
Industrial Icons 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 provides information about industrial icons , showing and demonstrates how to use them in your solutions.
On this page:
| Table of Contents | ||||
|---|---|---|---|---|
|
Industrial Icons Gallery
The Industrial Icons refer to graphical elements for creating intuitive navigation into your applications. They are available to use in two approaches ways on the Displays /Draw:
| Expand | ||
|---|---|---|
| ||
|
→ Draw.
Industrial Icon Font Family
The industrial icon
Industrial Icons font-family
The Industrial Icons font family approach converts alphanumeric characters into icons , it requires the using a character-to-icon conversion table.
You need to insert a component into the display to use this feature in your solution. Usually, we use a text output object (TTextBlock) to insert the character to convert to the selected industrial icon. After that, we changed the font family to Industrial Icons located at the end of the list. You do this by pressing the Font button in the Text configuration in the Drawing Properties panel to open the font settings popup.
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.
| title | Industrial Icons conversion table |
|---|
Drag-and-
drop graphical componentDrop Graphical Component
The drag-and-drop approach allows you to select the icon from the Industrial Icons category in the Components Panel and drag and drop the selected item to the drawing area..
- 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 controls for size, color, and alignment controls, but each handles these slightly differently.
Using- Size
- Color
- Alignment
Configuring Industrial Icons
in Solution Displays- 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
- .
Inserting
Users have two methods for inserting industrial icons to their displays.
The first method is by using the Industrial Icon font family. To do this, usually, users add a text output (TTextBlock), type the corresponding character code to display the desired icon, access the font settings, and choose an icon from the Industrial Icon font.
The second method is to select the industrial icons from the Components Panel. Users can open the Components Panel, which contains a library of built-in components, including icons. They can browse or search for the desired icon and then click on it to select it. Once selected, users can place the icon in the drawing area by clicking on the desired location.
Configuring
- 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 into Icon Conversion
The complete conversion table is available below.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|