Power Table Dynamic Color

Business Background

Differentiate the information in power tables using different colors. No coding is required.

Titan Solution

  • Titan lets you add different colors to the background of a power table, be that the entire table or only specific rows or columns.
  • You can also change the font colors.

How to Video

Video Coming Soon!

How to Guide

Using the Table Interactivity functionality, you can change the background color in a power table. The background color for the following can be changed:

  • The entire power table
  • Rows in the power table
  • Columns in the power table
Note:

You can use colors based on the RGB or Hex values from Salesforce or add the RGB or HEX code to a static variable in Titan Web:

This image has an empty alt attribute; its file name is image-744.png

  1. Add a power table to your project.
  2. Add an OnClick Action to an element. In this example, it is added to a button. The Add Node screen opens.
OnCLick action
OnCLick action
  1. Select the Table Interactivity option and click the Next button. The Add Node/Table Interactivity screen opens.
Add Node screen
Add Node screen
  1. Use the drop-down list and select the Set Background Color option.
Add Node/Table Interactivity screen - Set Background Color option
Add Node/Table Interactivity screen – Set Background Color option
  1. Alternatively, use the drop-down list and select the Set Color option.
  2. Use the drop-down list and select one of the following suggested options:
    • PowerTable
    • PowerTable/Row Style
    • PowerTable/[Columns Name]
Add Node/Table Interactivity screen - Set Color option
Add Node/Table Interactivity screen – Set Color option
  1. Add the RGB or HEX code as a static value.
Static value
Static value
  1. Alternatively, use the drop-down list to select Field and select a variable from the drop-down list.
  2. Select the Next button.
  3. Add a tag if necessary and click the Insert button.
  4. Click the Apply button.
Field option
Field option

When you click the button (in this example), the background or font color will change as you have configured it.

Hidden Title

Need more help?