Icon Type Column in Power Tables

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

Note:

Prerequisite:

Configure a power table to the Web project.

  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.
Salesforce Configuration - Mapping
Salesforce Configuration – Mapping
  1. Under the Material UI option, use the Search field, if necessary, and click an icon to select it.
Material UI
Material UI
  1. As an alternative, click the Ionicons option.
  2. Use the drop-down list to select an option:
    • Filled
    • Outline
    • Sharp
Ionicons
Ionicons
  1. Alternatively, click the Custom option and add SVG code.
  2. Click the Apply button.
Custom icon
Custom icon
  1. Click the button to Configure On Click Action.
  2. If necessary, change the column’s name in the field.
Column name
Column name
  1. Click the Apply button. The icon is added to the column where you configured it.
Example
Example
  1. Save and Preview the project.

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.