• Metric Reports for Web
  • Dashboard for Web

    Show / Hide Table of Contents
    • Web Dashboard - Designer Mode
      • Creating a Dashboard
      • Providing Data
        • Create a New Data Source
        • Connect to an Existing Data Source
        • Dashboard Data Source Wizard
          • Specify Data Source Settings (Database)
          • Specify Data Source Settings (JSON)
          • Specify Data Source Settings (OLAP)
        • Query Builder
        • Preview Data
        • Manage Data Sources
        • Working with SQL Data Sources
          • Manage SQL Queries
          • Filter Queries
          • Pass Query Parameters
          • Stored Procedures
        • Filter Data Sources
        • Calculated Fields
        • Data Inspector
      • Adding Dashboard Items
      • Binding Dashboard Items to Data
        • Binding Dashboard Items to Data in the Web Dashboard
        • Hidden Data Items
        • Binding Dashboard Items to Data in OLAP Mode
      • Designing Dashboard Items
        • Chart
          • Providing Data
          • Series
          • Panes
          • Interactivity
          • Legend
          • Axes
          • Orientation
        • Scatter Chart
          • Providing Data
          • Interactivity
          • Legend
          • Axes
          • Orientation
          • Labels
        • Grid
          • Providing Data
          • Columns
          • Interactivity
          • Conditional Formatting
          • Totals
          • Layout
        • Pies
          • Providing Data
          • Interactivity
          • Layout
          • Labels
          • Style
        • Cards
          • Providing Data
          • Layout
          • Delta
          • Sparkline
          • Formatting
          • Interactivity
          • Cards Arrangement
          • Conditional Formatting
        • Gauges
          • Providing Data
          • Delta
          • Gauge Scale
          • Interactivity
          • Layout
          • Style
        • Pivot
          • Providing Data
          • Interactivity
          • Conditional Formatting
          • Layout
          • Expanded State
        • Choropleth Map
          • Providing Maps
          • Providing Data
          • Delta
          • Map Navigation
          • Interactivity
          • Labels
          • Legend
        • Geo Point Maps
          • Map Types Overview
          • Providing Maps
          • Geo Point Map
            • Providing Data
          • Bubble Map
            • Providing Data
            • Legends
          • Pie Map
            • Providing Data
            • Pie Options
            • Coloring
            • Legends
          • Clustering
          • Map Navigation
          • Interactivity
          • Labels
        • Range Filter
          • Providing Data
          • Series
          • Interactivity
          • Predefined Periods
        • Date Filter
        • Images
          • Image Overview
          • Providing Images
          • Interactivity
          • Image Settings
        • Text Box
        • Treemap
          • Providing Data
          • Interactivity
          • Layout
          • Grouping
          • Coloring
          • Labels
        • Filter Elements
          • Filter Elements Overview
          • Providing Data
          • Interactivity
        • Dashboard Item Group
        • Tab Container
      • Data Shaping
        • Summarization
        • Grouping
        • Sorting
        • Filtering
        • Top N
        • Formatting Data
      • Interactivity
        • Master Filtering
        • Drill-Down
        • Neutral Filter Mode
      • Appearance Customization
        • Conditional Formatting
        • Coloring
        • Themes
      • Data Analysis
        • Aggregations
        • Calculations
        • Dashboard Parameters
          • Creating Parameters
          • Passing Parameter Values
          • Requesting Parameter Values
        • Expression Constants, Operators, and Functions
      • Converting Dashboard Items
      • Dashboard Layout
        • Dashboard Title
        • Dashboard Item Caption
        • Dashboard Items Layout
      • Undo and Redo Operations
      • Saving a Dashboard
      • Opening a Dashboard
      • Exporting
      • UI Elements
        • Toolbox
        • Dashboard Surface
        • Dashboard Menu
        • Dashboard Item Menu
        • Data Item Menu
    • Web Dashboard - Viewer Mode
      • Data Presentation
        • Data Presentation Basics
        • Master Filtering
        • Drill-Down
        • Dashboard Layout
      • Mobile Layout
      • Dashboard Parameters
        • Requesting Parameter Values
      • Exporting
      • Dashboard Items
        • Chart
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Scatter Chart
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Grid
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Pies
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Cards
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Gauges
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Pivot
          • Exporting
        • Choropleth Map
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Geo Point Maps
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Range Filter
          • Exporting
        • Image
          • Exporting
        • Text Box
          • Exporting
        • Treemap
          • Data Presentation Basics
          • Interactivity
          • Exporting
        • Filter Elements
        • Tab Container

    Conditional Formatting

    The Web Dashboard supports conditional formatting. You can apply a custom style to data elements that satisfy a certain condition.

    For more information about conditional formatting for different dashboard items, see the following topics:

    • Conditional Formatting - Grid
    • Conditional Formatting - Pivot
    • Conditional Formatting - Card

    wdd-cf-main

    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 color.

    You can use measure or dimension values to calculate a format rule. For a Card dashboard item, you can also calculate format rules by delta values.

    The table below lists format conditions that can be applied to different types of data items.

    • numeric
      • Value
      • Top-Bottom
      • Average
      • Expression
      • Icon Ranges
      • Color Ranges
      • Gradient Ranges
      • Bar 1
      • Bar Color Ranges 1
      • Bar Gradient Ranges 1
    • 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 1
      • Bar Color Ranges 1
      • Bar Gradient Ranges 1

        1 The Card dashboard item does not support these rules.

    Create a Format Rule

    To create a format rule, open the Conditional Formatting section in the dashboard item's Options menu or in the data item 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 Common section. You can also create a format rule for one data item and apply different settings to the other data item.

    Select a format rule type from the list to open its settings.

    wdd-grid-cf-select-rule-type

    Select a condition from the list and specify its settings in the Condition section. Available settings depend on the selected format rule.

    wdd-grid-cf-value-menu

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

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

    • Conditional Formatting - Grid
    • Conditional Formatting - Pivot
    • Conditional Formatting - Card

    Edit a Format Rule

    You can see existing format rules for an entire dashboard item. To do this, open the dashboard item's Options menu and go to the Conditional Formatting section.

    wdd-cf-all-rules

    To edit a format rule, select the rule and click Edit (the wdd-icon-edit-collection-value-item icon).

    Click Delete (the wdd-icon-delete-big icon) to delete the selected format rule.

    When you edit a format rule, you can enable or disable the rule in the Miscellaneous section.

    Appearance Settings

    The format rule menu's Condition section contains appearance settings. You can configure and customize the following format condition appearance settings:

    • Choose a predefined background color or font in the Appearance tab.

      wdd-cf-appearance-gallery

    • Add a predefined icon in the Icons tab.

      wdd-cf-icons-gallery

    You can also customize predefined colors and values for each Range format rule.

    wdd-cf-range-gallery

    Back to top Copyright © 2020 Metric d.o.o. www.mymetric.net, metric@zg.t-com.hr