You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: dashboard-for-web/articles/web-dashboard-designer-mode/appearance-customization/conditional-formatting.md
+30-22Lines changed: 30 additions & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -51,58 +51,66 @@ Format conditions that can be applied to different data item types are as follow
51
51
52
52
## Create a Format Rule
53
53
54
-
To create a format rule, open the **Conditional Formatting** section in the dashboard item's [Options](../ui-elements/dashboard-item-menu.md)menu or in the [data item menu](../ui-elements/data-item-menu.md). Click "+" to add a new format rule:
54
+
To create a format rule, open the **Conditional Formatting** section in the [data item menu](../ui-elements/data-item-menu.md) or in the the dashboard item's [Options](../ui-elements/dashboard-item-menu.md) menu. Click "+" to add a new format 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.
58
+
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.
59
59
60
-
Select a format rule type from the list to open its settings.
60
+
Select a condition type from the list in the **Common** section. Available condition types depend on the data item’s type.
Select a condition from the list and [specify its settings](#appearance-settings) in the **Condition** section. Available settings depend on the selected format rule.
64
+
In the Condition section, specify the condition settings and [appearance settings](#appearance-settings).
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.
68
+
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.
69
69
70
70
## Edit a Format Rule
71
71
72
-
To edit a format rule, select the rule and click **Edit**(the  icon).
72
+
To edit a format rule, select the rule and click the **Edit**button.
In the **Appearance** tab, select a predefined style from the **Predefined Appearance** section or specify a *Custom Style* in the **Custom Appearance** section.
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:
98
99
99
-
Chart and Scatter Chart items have a predefined palette and a custom palette. Click a color chip in the **Custom Color** palette to set a new custom color. You can pick any color using the RGB or HSB color model in the invoked color picker.
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.
Copy file name to clipboardExpand all lines: dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/cards/conditional-formatting.md
+33-12Lines changed: 33 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,10 +2,9 @@
2
2
title: Conditional Formatting
3
3
author: Margarita Zakhodyaeva
4
4
---
5
-
6
5
# Conditional Formatting
7
6
8
-
For the Card dashboard item, you can apply conditional formatting to the card's visual elements (like Title, Subtitle, various values) and change the card's background.
7
+
Use conditional formatting to change the background color of the card or to highlight individual card elements (such as title or value).
@@ -44,23 +43,45 @@ You can create and edit format rules in the **Conditional Formatting** section t
44
43
* The [data item menu](../../ui-elements/data-item-menu.md)
45
44
46
45
Refer to the following topic for information on how to create and edit format rules: [Conditional Formatting in Web Dashboard](../../appearance-customization/conditional-formatting.md).
47
-
## Card-Specific Format Condition Settings
48
46
49
-
For a Card dashboard item, you can apply conditional formatting to the card's visual elements (like Title, Subtitle, different values) and change the card's background.
47
+
## Appearance Settings
48
+
49
+
You can add an icon to the [card layout element](../../dashboard-item-settings/cards/layout.md) or configure the style for display text or background color. To do this, open the format rule's **Condition** section and specify the settings:
50
+
51
+
***Appearance**
52
+
53
+
You can select a predefined style or create a *Custom Style* in the **Appearance** tab. You can specify background color, text color, and font settings.
54
+
55
+
The background color applies to the entire card. Text settings allow you to specify a target element.
56
+
57
+
58
+
59
+
***Icons**
60
+
61
+
You can select an predefined icon from the **Icon** tab.
62
+
63
+
The image below displays the result of the format rule that adds the green check icon to the _Category_ dimension layout element:
64
+
65
+
66
+
67
+
68
+
## Card-Specific Format Condition Settings
50
69
51
70
Available settings in the **Common** section depend on the selected **Calculated by** option:
52
71
53
-
* The **Card** option specifies a data item container. The format rule is calculated based on the card's values. The **Value Type** option specifies the card's measurement upon which a condition is calculated.
72
+
***Card**
73
+
74
+
The **Card** option specifies a data item container (a [card](../../dashboard-item-settings/cards/providing-data.md)) whose values are used to calculate the format rule. The **Value Type** field allows you to pre-process the card's value before it takes part in calculations.
54
75
55
-
If the Card dashboard item contains multiple values in data item containers (cards), make sure you apply a format rule to the active card to see changes. Click  in the dashboard item caption to switch between cards. The expression format rule ignores the specified card and is applied to all cards regardless of the specified value.
56
-
* For the **Data Item** option, you can choose a hidden measure or series dimension. The rule applies to all cards in a Card item.
If a dashboard item contains multiple cards, apply a format rule to the active card to see changes. To switch between cards, click the **Values** button in the dashboard item caption. Note that the expression format condition applies to all cards regardless of the specified card.
59
79
60
-
To apply the selected appearance to the Title, Subtitle, values, and other card layout elements, use the **Apply to** drop-down list. The _All elements_ value applies the format rule to all card elements.
80
+
***Data Item**
81
+
82
+
For the **Data Item** option you can choose a hidden measure or series dimension. The rule applies to all cards in a Card item.
61
83
62
-
If you select a background color, it applies to the entire card and the **Apply to** value is not in effect.
84
+
Some predefined background styles contain a font color. This font color applies to all the card elements regardless of the drop-down list settings (all/particular element).
87
+
To apply the appearance settings to the certain card layout element, use the drop-down **Apply to** list. The _All elements_ value applies the format rule to all card elements.
Copy file name to clipboardExpand all lines: dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/grid/conditional-formatting.md
+17Lines changed: 17 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -48,6 +48,23 @@ You can create and edit format rules in the **Conditional Formatting** section t
48
48
49
49
Refer to the following topic for information on how to create and edit format rules: [Conditional Formatting in Web Dashboard](../../appearance-customization/conditional-formatting.md).
50
50
51
+
## Appearance Settings
52
+
53
+
You can add an icon to the cells/rows or configure the style for display text or background color. To do this, open the format rule's **Condition** section and specify the settings:
54
+
55
+
***Appearance**
56
+
57
+
You can select a predefined style or create a *Custom Style* in the **Appearance** tab. You can specify the background color, the text color, and the font settings.
Copy file name to clipboardExpand all lines: dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/pivot/conditional-formatting.md
+17-1Lines changed: 17 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -50,9 +50,25 @@ You can create and edit format rules in the **Conditional Formatting** section t
50
50
51
51
Refer to the following topic for information on how to create and edit format rules: [Conditional Formatting in Web Dashboard](../../appearance-customization/conditional-formatting.md).
52
52
53
+
## Appearance Settings
54
+
55
+
You can add an icon to the cells/rows or configure the style for display text or background color. To do this, open the format rule's **Condition** section and specify the settings:
56
+
57
+
***Appearance**
58
+
59
+
You can select a predefined style or create a *Custom Style* in the **Appearance** tab. You can specify the background color, the text color, and the font settings.
New appearance settings are applied to data cells that correspond to a row/column intersection. You can set a new intersection of the row and column or use predefined settings.
71
+
Appearance settings are applied to data cells that correspond to a row/column intersection. You can set a new intersection of the row and column or use predefined settings.
0 commit comments