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:.
Industrial Icon Font Family
The industrial icon font family approach converts alphanumeric characters into icons . It requires the using a character-to-icon conversion table.
That This behind-the-scenes associstion association is not necessary to be usedrequired, as you can Drag-Drop directly drag and drop the images directly. However, but it can be used useful for advanced scenario, scenarios where you want to use the Font #IndustrialIcons font directly on Text 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 IndustrialIcons 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
Using
Configuring Industrial Icons
in Solution DisplaysInsertingUsers 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.
In this section:
Page Tree | ||||
---|---|---|---|---|
|