Icon Type Column in Power Tables

Business Background

Add custom icons to the power table to enhance the visual representation of data. Adding icons to a power table has many different uses, such as:

• Icons can also be used to trigger actions or show messages.
• Icons can visually represent important data points, making them easier to identify and understand at a glance. 
• Icons can be used to distinguish between different categories or statuses within your data.
• Icons can be especially helpful for users with visual impairments or language barriers.

Titan Solution

You can add many different custom icons, including SVG, to the power table and configure it to suit your business needs.

How to Video

Coming soon!

How to Guide

1. Configure a power table.
2. On the Mapping screen, add a column.
3. Select the Icon option from the drop-down list.
4. Click the Edit icon to add an icon. The Select Icon screen opens.

5. Under the Material UI option, use the Search field, if necessary, and click an icon to select it.

6. As an alternative, click the Ionicons option.
7. Use the drop-down list to select an option:
   • Filled
   • Outline
   • Sharp

8. Alternatively, click the Custom option and add SVG code.

9. Click the Apply button.
10. Click the button to Configure On Click Action.
11. If necessary, change the column’s name in the field.

12. Click the Kebab button to open the list.

You can do the following:

Number	Option	Description
1	Add Subheader	Use the drop-down lists to configure the subheader.
2	Configure component	Click the Configure component option. You can configure a table, chart, or an IFrame component.
3	Configure Tooltip Mapping	Click the Configure Tooltip Mapping option. The Configure Tooltip Mapping popup opens. Use the drop-down list to select a field for the tooltip. It is suggested that the tooltip corresponds with the column contents.
4	Delete Row	Click the Delete Row option to delete the row from the table.

13. Click the Apply button.
14. Save and Preview the project.

The icon is added to the column where you configured it.