Icon Type Column

Business Background

Add custom icons, including SVG, to the power table to enhance the visual representation of data.

Adding icons to a power table has many different uses: Icons can trigger actions or convey messages. They provide a visual representation of important data points, making them easier to identify and understand quickly. Additionally, icons can help differentiate between various categories or statuses within your data. They are particularly beneficial for users with visual impairments or language barriers.

How to Guide

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

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

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

7. Alternatively, click the Custom option and add SVG code.
8. Click the Apply button.

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

11. Click the Apply button. The icon is added to the column where you configured it.

12. Save and Preview the project.