Table of Contents

Conditional Formatting

The Web Dashboard supports conditional formatting. You can apply a custom style to data elements that satisfy a certain condition for Grid, Pivot, Chart, Scatter Chart and Card items.

wdd-cf-main

Format Rules

Format rules used in conditional formatting can be categorized as follows:

  • Value - Compares static values (Greater Than, Less Than, Between, etc.).
  • Top-Bottom - Highlights a specific number of top/bottom values (Top N, Bottom N).
  • Average - Highlights values above or below the average value.
  • A Date Occurring - Highlights date-time values that are within a specified interval.
  • Expression - Uses complex conditions to apply formatting. You can also pass dashboard parameters to expressions.
  • Icon and Color Ranges - Display a specific icon based on a value range. You can select a predefined set of icons or apply a specific icon to each range.
  • Color Ranges - Apply specific colors to different value ranges. You can select a predefined set of colors or use custom appearance settings to highlight values within specified ranges.
  • Gradient Ranges - Apply formatting using gradient color scales.
  • Bar - Visualizes numeric values as bars. You can also color bars corresponding to positive and negative values using different colors.
  • Bar Color Ranges - Visualize numeric values as bars. Values within a range display a specific color.
  • Bar Gradient Ranges - Visualize numeric values as bars. Values within a range display a specific bar gradient.

Format conditions that can be applied to different data item types are as follows:

  • numeric
    • Value
    • Top-Bottom
    • Average
    • Expression
    • Icon Ranges
    • Color Ranges
    • Gradient Ranges
    • Bar
    • Bar Color Ranges
    • Bar Gradient Ranges
  • string
    • Value (with the condition type set to Equal To, Not Equal To or Text that Contains)
    • Expression
  • date-time
    • Value
    • A Date Occurring (for dimensions with a continuous date-time group interval)
    • Expression
    • Icon and Color Ranges
    • Color Ranges
    • Gradient Ranges
    • Bar
    • Bar Color Ranges
    • Bar Gradient Ranges

Create a Format Rule

To create a format rule, open the Conditional Formatting section in the data item menu or in the the dashboard item's Options menu. Click "+" to add a new format rule:

wed-dashboard-cf-add-rule

Specify the data item/card used to calculate a condition in the Calculated by field in the Common section. You can use values from one data item to apply the style settings to a different item. To do this, specify the data item in the Apply to section.

Select a condition type from the list in the Common section. Available condition types depend on the data item’s type.

wdd-grid-cf-select-rule-type

In the Condition section, specify the condition settings and appearance settings.

|wdd-grid-cf-value-menu

You can specify additional settings in the Miscellaneous section. For example, you can specify an intersection level for a Pivot or apply a rule to a row in a Grid.

Edit a Format Rule

To edit a format rule, select the rule and click the Edit button.

|wdd-icon-delete-big

Click the Delete button to delete the selected format rule.

You can also disable the rule in the Miscellaneous section.

miscellaneous-section

Other settings in the Miscellaneous section depend on the selected dashboard item.

Appearance Settings

You can specify appearance settings in the format rule’s Condition section.

Grid, Pivot, and Cards

For Grid, Pivot, and Card items, you can specify the following settings:

  • Appearance

    In the Appearance tab, select a predefined style from the Predefined Appearance section or specify a Custom Style in the Custom Appearance section.

    Web Dashboard - Appearance Tab

    To create a Custom Style, click on an empty square in the Custom Appearance section. In the invoked Custom Style Settings editor, specify the background color, text color, and font settings:

    Web Dashboard -  Custom Style Editor

  • Icons

    You can select an predefined icon from the Icon tab.

    Web Dashboard - Icons Tab

Chart, Scatter Chart

Chart and Scatter Chart items have a predefined palette and custom palette. Click a color chip in the Custom Color palette to set a new custom color. You can use the RGB or HSB color model in the invoked color picker to pick any color.

wdd-cf-chart-styles

Dashboard Item Format Rule Specifics

See the following sections for more information about specific format settings for dashboard items: