Skip to content

Commit f3e78aa

Browse files
authored
Merge pull request #186 from DevExpress/tyureva-update-231
add info 23.1
2 parents 57eebf2 + 8e461cc commit f3e78aa

File tree

101 files changed

+444
-314
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

101 files changed

+444
-314
lines changed

dashboard-for-desktop/articles/dashboard-designer/data-analysis/aggregations/summary-level-aggregations.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ These functions can be used for all types of numeric fields. After creating such
2929

3030
## Custom Aggregate Functions
3131

32-
Along with the predefined aggregations (like Min, Max, Sum, Avg), the Dashboard supports custom aggregation functions. A custom aggregate function appears in the [Expression Editor](../../../../../interface-elements-for-desktop\articles\expression-editor.md)'s categories if the function was registered in your application.
32+
Along with the predefined aggregations (like Min, Max, Sum, Avg), the Dashboard supports custom aggregation functions. A custom aggregate function appears in the [Expression Editor](../../../../../interface-elements-for-desktop/articles/expression-editor.md)'s categories if the function was registered in your application.
3333

3434
The following image illustrates the custom _StringConcat_ function in the **Aggregate** function’s category:
3535

dashboard-for-web/articles/web-dashboard-designer-mode/appearance-customization/conditional-formatting.md

Lines changed: 30 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -51,58 +51,66 @@ Format conditions that can be applied to different data item types are as follow
5151

5252
## Create a Format Rule
5353

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:
5555

5656
![wed-dashboard-cf-add-rule](../../../images/wed-dashboard-cf-add-rule.png)
5757

58-
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.
5959

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

6262
![wdd-grid-cf-select-rule-type](../../../images/img126024.png)
6363

64-
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).
6565

66-
![wdd-grid-cf-value-menu](../../../images/img126023.png)
66+
![|wdd-grid-cf-value-menu](../../../images/img126023.png)
6767

68-
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.
6969

7070
## Edit a Format Rule
7171

72-
To edit a format rule, select the rule and click **Edit** (the ![wdd-icon-edit-collection-value-item](../../../images/img126050.png) icon).
72+
To edit a format rule, select the rule and click the **Edit** button.
7373

74-
![wdd-icon-delete-big](../../../images/wdd-grid-cf-edit-rule126025.png)
74+
![|wdd-icon-delete-big](../../../images/wdd-grid-cf-edit-rule126025.png)
7575

76-
Click **Delete** (the ![wdd-icon-delete-big](../../../images/img126104.png) icon) to delete the selected format rule.
76+
Click the **Delete** button to delete the selected format rule.
7777

78-
When you edit a format rule, you can enable or disable the rule in the **Miscellaneous** section.
78+
You can also disable the rule in the **Miscellaneous** section.
7979

8080
![miscellaneous-section](../../../images/web-conditional-formatting-edit-rule-miscellaneous-section.png)
8181

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

8484
## Appearance Settings
8585

86-
The format rule menu's **Condition** section contains appearance settings.
86+
You can specify appearance settings in the format rule’s Condition section.
8787

88-
For Grid, Pivot, and Card items, you can configure and customize the current format condition appearance settings:
88+
### Grid, Pivot, and Cards
8989

90-
* Choose a predefined background color or font in the **Appearance** tab.
91-
92-
![wdd-cf-appearance-gallery](../../../images/img126044.png)
90+
For Grid, Pivot, and Card items, you can specify the following settings:
9391

94-
* Add a predefined icon in the **Icons** tab.
92+
* **Appearance**
9593

96-
![wdd-cf-icons-gallery](../../../images/img126045.png)
94+
In the **Appearance** tab, select a predefined style from the **Predefined Appearance** section or specify a *Custom Style* in the **Custom Appearance** section.
95+
96+
![Web Dashboard - Appearance Tab](../../../images/wdd-cf-appearance-gallery126044.png)
9797

98+
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:
9899

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.
100+
![Web Dashboard - Custom Style Editor](../../../images/web-dashboard-cf-custom-style.png)
100101

101-
![wdd-cf-chart-styles](../../../images/wdd-cf-chart-styles.png)
102-
103-
You can change generated colors for the Range format rules:
104102

105-
![wdd-cf-range-gallery](../../../images/wdd-cf-range-gallery126043.png)
103+
* **Icons**
104+
105+
You can select an predefined icon from the **Icon** tab.
106+
107+
![Web Dashboard - Icons Tab](../../../images/wdd-cf-icons-gallery126045.png)
108+
109+
### Chart, Scatter Chart
110+
111+
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.
112+
113+
![wdd-cf-chart-styles](../../../images/wdd-cf-chart-styles.png)
106114

107115
## Dashboard Item Format Rule Specifics
108116

dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/cards/conditional-formatting.md

Lines changed: 33 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,9 @@
22
title: Conditional Formatting
33
author: Margarita Zakhodyaeva
44
---
5-
65
# Conditional Formatting
76

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).
98

109
![](../../../../images/web-dashboard-card-conditional-formatting.png)
1110

@@ -44,23 +43,45 @@ You can create and edit format rules in the **Conditional Formatting** section t
4443
* The [data item menu](../../ui-elements/data-item-menu.md)
4544

4645
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
4846

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+
![Web Dashboard - Conditional Formatting with Appearance](../../../../images/web-conditional-formatting-card.png)
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+
![Web Dashboard - Conditional Formatting with Icons](../../../../images/web-card-conditional-formatting-custom-layout-element.png)
66+
67+
68+
## Card-Specific Format Condition Settings
5069

5170
Available settings in the **Common** section depend on the selected **Calculated by** option:
5271

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

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 ![WebDashboard_DashboardItem_LayersIcon](../../../../images/webdashboard_dashboarditem_layersicon132016.png) 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.
76+
![Web Dashboard - Card Conditional Formatting - Card Option](../../../../images/web-conditional-formatting-card-delta-variation.png)
5777

58-
![conditional-formatting-card-delta-variation](../../../../images/web-conditional-formatting-card-delta-variation.png)
78+
If a dashboard item contains multiple cards, apply a format rule to the active card to see the 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.
5979

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

62-
If you select a background color, it applies to the entire card and the **Apply to** value is not in effect.
84+
![|Web Dashboard - Card Conditional Formatting - Data Item Option](../../../../images/web-dashboard-card-data-item-option.png)
6385

64-
![conditional-formatting-card](../../../../images/web-conditional-formatting-card.png)
6586

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

dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/grid/conditional-formatting.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,23 @@ You can create and edit format rules in the **Conditional Formatting** section t
4848

4949
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).
5050

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.
58+
59+
![|Web Dashboard - Appearance Tab](../../../../images/wdd-cf-appearance-gallery126044.png)
60+
61+
* **Icons**
62+
63+
You can select an predefined icon from the **Icon** tab.
64+
65+
![Web Dashboard - Icons Tab](../../../../images/wdd-cf-icons-gallery126045.png)
66+
67+
5168
## Grid-Specific Format Condition Settings
5269

5370
The format rule's **Miscellaneous** section contains the following properties that are specific to the Grid item:

dashboard-for-web/articles/web-dashboard-designer-mode/dashboard-item-settings/pivot/conditional-formatting.md

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,25 @@ You can create and edit format rules in the **Conditional Formatting** section t
5050

5151
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).
5252

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.
60+
61+
![|Web Dashboard - Appearance Tab](../../../../images/wdd-cf-appearance-gallery126044.png)
62+
63+
* **Icons**
64+
65+
You can select an predefined icon from the **Icon** tab.
66+
67+
![Web Dashboard - Icons Tab](../../../../images/wdd-cf-icons-gallery126045.png)
68+
5369
## Pivot-Specific Format Condition Settings
5470

55-
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.
5672

5773
Note the following specifics:
5874

dashboard-for-web/articles/web-dashboard-designer-mode/ui-elements/toolbox.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -19,31 +19,31 @@ The main parts of the Toolbox are listed below.
1919
The Toolbox groups dashboard items as follows:
2020

2121
- **Common** - Data items used to visualize data.
22-
- [Grid](..\dashboard-item-settings\grid.md)
23-
- [Pivot](..\dashboard-item-settings\pivot.md)
24-
- [Chart](..\dashboard-item-settings\chart.md)
25-
- [Treemap](..\dashboard-item-settings\treemap.md)
26-
- [Pies](..\dashboard-item-settings\pies.md)
27-
- [Scatter Chart](..\dashboard-item-settings\scatter-chart.md)
28-
- [Cards](..\dashboard-item-settings\cards.md)
29-
- [Gauges](..\dashboard-item-settings\gauges.md)
30-
- [Text Box](..\dashboard-item-settings\text-box.md)
31-
- [Image](..\dashboard-item-settings\images\image-overview.md)
32-
- [Bound Image](..\dashboard-item-settings\images\image-overview.md)
22+
- [Grid](../dashboard-item-settings/grid.md)
23+
- [Pivot](../dashboard-item-settings/pivot.md)
24+
- [Chart](../dashboard-item-settings/chart.md)
25+
- [Treemap](../dashboard-item-settings/treemap.md)
26+
- [Pies](../dashboard-item-settings/pies.md)
27+
- [Scatter Chart](../dashboard-item-settings/scatter-chart.md)
28+
- [Cards](../dashboard-item-settings/cards.md)
29+
- [Gauges](../dashboard-item-settings/gauges.md)
30+
- [Text Box](../dashboard-item-settings/text-box.md)
31+
- [Image](../dashboard-item-settings/images/image-overview.md)
32+
- [Bound Image](../dashboard-item-settings/images/image-overview.md)
3333

3434
- **Maps** - Map dashboard items.
35-
- [Choropleth Map](..\dashboard-item-settings\choropleth-map.md)
36-
- [Geo Point Map](..\dashboard-item-settings\geo-point-maps\geo-point-map.md)
37-
- [Bubble Map](..\dashboard-item-settings\geo-point-maps\bubble-map.md)
38-
- [Pie Map](..\dashboard-item-settings\geo-point-maps\pie-map.md)
35+
- [Choropleth Map](../dashboard-item-settings/choropleth-map.md)
36+
- [Geo Point Map](../dashboard-item-settings/geo-point-maps/geo-point-map.md)
37+
- [Bubble Map](../dashboard-item-settings/geo-point-maps/bubble-map.md)
38+
- [Pie Map](../dashboard-item-settings/geo-point-maps/pie-map.md)
3939

4040
- **Filter** - Items used to filter data in data items.
41-
- [Range Filter](..\dashboard-item-settings\range-filter.md)
42-
- [Combo Box](..\dashboard-item-settings\filter-elements\filter-elements-overview.md)
43-
- [List Box](..\dashboard-item-settings\filter-elements\filter-elements-overview.md)
44-
- [Tree View](..\dashboard-item-settings\filter-elements\filter-elements-overview.md)
45-
- [Date Filter](..\dashboard-item-settings\date-filter.md)
41+
- [Range Filter](../dashboard-item-settings/range-filter.md)
42+
- [Combo Box](../dashboard-item-settings/filter-elements/filter-elements-overview.md)
43+
- [List Box](../dashboard-item-settings/filter-elements/filter-elements-overview.md)
44+
- [Tree View](../dashboard-item-settings/filter-elements/filter-elements-overview.md)
45+
- [Date Filter](../dashboard-item-settings/date-filter.md)
4646

4747
- **Layout** - Items used to arrange another dashboard items in a dashboard.
48-
- [Group](..\dashboard-item-settings\dashboard-item-group.md)
49-
- [Tab Container](..\dashboard-item-settings\tab-container.md)
48+
- [Group](../dashboard-item-settings/dashboard-item-group.md)
49+
- [Tab Container](../dashboard-item-settings/tab-container.md)
9.07 KB
Loading
6.36 KB
Loading
7.58 KB
Loading
7.45 KB
Loading

0 commit comments

Comments
 (0)