Table rows with status icon

Add an icon to graphically indicate the status of your records

Try it out!

Scenario

In this example we have a table of sales records and we want to display an icon to show if the sale was made Online or Offline.

The same approach could be applied for status based workflows, e.g. Approved, In Progress, Complete, etc.

Challenge:
β˜…β˜†β˜†β˜†β˜†

Steps

  1. Create an Autogenerated screen for your table
  2. Configure your Table block as desired, and then click the Eject button
Ejecting the table block

Ejecting the table block

  1. Click on the Table
  2. Add component: Icon
    1. Pick icon: Select 'cloud-line'
    2. Set Size to '2XL'
    3. Set a Color
  3. Click on the Conditions tab
  4. Add condition:
    1. 'Show component' IF {{ Table.Sales.Sales Channel }} Equals Binding Online
    2. Click Save
  1. Duplicate the Icon
  2. Change the Icon to 'cloud-off-line' and choose a Color
  3. Click on Conditions tab and edit the condition to:
    1. 'Show component' IF {{ Table.Sales.Sales Channel }} Equals Binding Offline
    2. Click Save


App export

Downloads may take a few seconds.