Skip to content

Commit 8781027

Browse files
update images
1 parent 53b2c80 commit 8781027

File tree

19 files changed

+154
-71
lines changed

19 files changed

+154
-71
lines changed

eud-for-bi-dashboards/dashboard-for-desktop/dashboard-designer/ui-elements/filter-editor.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ legacyId: 4842
66
# Filter Editor
77
This section describes the capabilities provided by the Filter Editor, which allows users to visually build filters:
88

9-
![EndUser_Win_FilterEditor](../../images/img9054.png)
9+
![Filter Editor with Multiple Condition Groups](../../images/img7326.png)
1010

1111
 
1212

eud-for-bi-dashboards/dashboard-for-desktop/dashboard-designer/ui-elements/filter-editor/examples-of-using-the-filter-editor.md

Lines changed: 26 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -12,58 +12,53 @@ The following sections demonstrate how to construct filter criteria using the Fi
1212
Basically, filter conditions specify what data to select from a data source and display in a data-bound control. A typical simple filter condition consists of three parts: the column/field name, operator and a value(s). For instance, '[Discount] >= 0.05' is a simple filter condition, where '[Discount]' is a field name, '>=' is an operator and '0.05' is a value. This condition when applied to a data-aware control will display records that have values in the Discount column greater than or equal to 0.05. Here is how to create this condition via the Filter Editor (it's assumed that the underlying data source contains the Discount column, otherwise, this column will not be accessible in the Filter Editor's column list):
1313
1. **Invoke the Filter Editor.**
1414

15-
To invoke the Filter Editor in a grid control, right-click any grid column's header and select the Filter Editor option.
15+
To invoke the Filter Editor in a grid item, right-click any grid column and select the Edit Filter option.
1616

17-
![FilterEditor_SimpleCondt_Invoke](../../../images/img7312.png)
18-
19-
To learn how to invoke the Filter Editor for other controls, see corresponding sections in this documentation.
17+
![Filter Editor - Invoke from Grid Context Menu](../../../images/img7312.png)
2018

2119
2. **Select a column**.
2220

2321
To filter against the Discount column, click the column name field. This will display the list of available columns. Select the Discount column in this list:
2422

25-
![FilterEditor_SimpleCondt_NewConditionForProductName](../../../images/img7314.png)
23+
![Filter Editor - Select Column from List](../../../images/img7314.png)
2624
3. **Select a comparison operator**.
2725

2826
Click the operator field to choose the required operator.
2927

30-
![FilterEditor_SimpleCondt_SwitchOperators](../../../images/img7316.png)
28+
![Filter Editor - Select Comparison Operator](../../../images/img7316.png)
3129

3230
The comparison operator list displays only those operators that are supported by the current column's data type. For instance, the Discount column is of the numeric type, and the operator list doesn't display the 'Begins with' operator and other operators that are related to strings.
3331
4. **Enter a value**.
3432

3533
Now, click the value box and enter a comparison value ('0.05'):
3634

37-
![FilterEditor_SimpleCondt_EnterValue005](../../../images/img7317.png)
35+
![Filter Editor - Enter Comparison Value](../../../images/img7317.png)
3836
5. **Save changes**.
3937

4038
Click OK or Apply, to filter data using the created filter condition. The grid will show the filter panel displaying the current filter criteria:
4139

42-
![FilterEditor_SimpleCondt_Final](../../../images/img7318.png)
40+
![Filter Editor - Applied Filter with Filter Panel](../../../images/img7318.png)
4341

4442
The filter panel will contain the 'Edit Filter' button, which also allows you to invoke the Filter Editor.
4543

4644
## How to Construct Filter Criteria with Multiple Conditions Joined by One Logical Operator
4745
Filter criteria typically consist of two or more simple filter conditions combined by logical operators (AND, OR, NOT AND, NOT OR). The following example shows how to construct filter criteria in the Filter Editor that consist of multiple conditions combined by one logical operator. The "[ProductName] = 'Tofu' AND [Discount] >= 0.1 AND [Quantity] > 99" filter expression contains three simple filter conditions combined by the AND operator. To construct it, do the following:
48-
1. Invoke the Filter Editor. When the Filter Editor is invoked for a grid control, the Filter Editor may display an unfinished new filter condition:
46+
1. Invoke the Filter Editor. The Filter Editor may display an unfinished new filter condition:
4947

50-
![FilterEditor_3Cond_Invoke](../../../images/img7328.png)
48+
![Filter Editor - Initial State with Empty Condition](../../../images/img7328.png)
5149
2. Set the condition's operator to Equals and operand value to 'Tofu' (as described in the previous section):
5250

53-
![FilterEditor_3Cond_FirstCondt](../../../images/img7329.png)
54-
3. To add one more condition, press the ![FilterEditor_EU_AddButton](../../../images/img7350.png) button next to the group's AND operator. This will create a new condition under the current one:
55-
56-
![FilterEditor_3Cond_AddSecondCondt](../../../images/img7330.png)
57-
58-
51+
![Filter Editor - First Condition Set](../../../images/img7329.png)
52+
3. To add one more condition, press the ![Add Button](../../../images/img7350.png) button next to the group's AND operator. This will create a new condition under the current one:
5953

54+
![Filter Editor - Add Second Condition](../../../images/img7330.png)
6055

6156
4. For the second condition, set the column to 'Unit Price', operator to '>=' and operand value to '100':
6257

63-
![FilterEditor_3Cond_SecondCondt](../../../images/img7332.png)
64-
5. To add a third condition to the same group, click the ![FilterEditor_EU_AddButton](../../../images/img7350.png) button again. Set the condition's column to 'Units in Stock', operator to '>' and operand value to '50'. Below is the result:
58+
![Filter Editor - Second Condition Configured](../../../images/img7332.png)
59+
5. To add a third condition to the same group, click the ![Add Button](../../../images/img7350.png) button again. Set the condition's column to 'Units in Stock', operator to '>' and operand value to '50'. Below is the result:
6560

66-
![FilterEditor_3Cond_Final](../../../images/img7327.png)
61+
![Filter Editor - Three Conditions with AND Operator](../../../images/img7327.png)
6762
6. Click OK or Apply, to apply the created filter criteria.
6863

6964
## How to Construct Filter Criteria Involving Different Logical Operators
@@ -75,31 +70,31 @@ The resulting condition will look like this:
7570

7671
This is how you can do this:
7772
1. Invoke the Filter Editor.
78-
2. Clear existing filter conditions (if any) by clicking the ![FilterEditor_EU_DeleteButton](../../../images/img7351.png) button:
73+
2. Clear existing filter conditions (if any) by clicking the ![Delete Button](../../../images/img7351.png) button:
7974

80-
![FilterEditor_4Cond_Clear](../../../images/img7394.png)
75+
![Filter Editor - Clear Existing Conditions](../../../images/img7394.png)
8176
3. Change the root logical operator to OR. To do this, click the current AND operator and select OR:
8277

83-
![FilterEditor_4Cond_SelectOR](../../../images/img7396.png)
78+
![Filter Editor - Change Operator to OR](../../../images/img7396.png)
8479
4. Add a new filter condition group by clicking the OR operator and selecting Add Group.
8580

86-
![FilterEditor_4Cond_Add1CondtGroup](../../../images/img7398.png)
81+
![Filter Editor - Add First Condition Group](../../../images/img7398.png)
8782
5. For the created condition, set the column to 'UnitPrice', operator to '<' and operand value to '10':
8883

89-
![FilterEditor_4Cond_1CondtGroup_1Condt](../../../images/img7399.png)
90-
6. Click the ![FilterEditor_EU_AddButton](../../../images/img7350.png) button to add a new condition to the current group:
84+
![Filter Editor - First Group First Condition](../../../images/img7399.png)
85+
6. Click the ![Add Button](../../../images/img7350.png) button to add a new condition to the current group:
9186

92-
![FilterEditor_4Cond_1CondtGroup_AddNewCondt](../../../images/img7403.png)
87+
![Filter Editor - Add Condition to First Group](../../../images/img7403.png)
9388
7. For the new condition, set the column to 'Quantity', operator to '<' and operand value to '10':
9489

95-
![FilterEditor_4Cond_1CondtGroup_2Condt](../../../images/img7405.png)
90+
![Filter Editor - First Group Second Condition](../../../images/img7405.png)
9691
8. Add a new filter condition group. To do this, click the root OR operator and select Add Group.
9792

98-
![FilterEditor_4Cond_Add2CondtGroup](../../../images/img7406.png)
93+
![Filter Editor - Add Second Condition Group](../../../images/img7406.png)
9994
9. For the condition within the created group, set the column to 'UnitPrice', operator to '>' and operand value to '10':
10095

101-
![FilterEditor_4Cond_2CondtGroup_1Condt](../../../images/img7407.png)
102-
10. Click the ![FilterEditor_EU_AddButton](../../../images/img7350.png) button to add a new condition to the new group. For the new condition, set the column to 'Quantity', operator to '>' and operand value to '10':
96+
![Filter Editor - Second Group First Condition](../../../images/img7407.png)
97+
10. Click the ![Add Button](../../../images/img7350.png) button to add a new condition to the new group. For the new condition, set the column to 'Quantity', operator to '>' and operand value to '10':
10398

104-
![FilterEditor_4Cond_2CondtGroup_2Condt](../../../images/img7410.png)
99+
![Filter Editor - Complete Filter with Multiple Groups](../../../images/img7410.png)
105100
12. Click OK or Apply, to apply the created filter criteria.

eud-for-bi-dashboards/dashboard-for-desktop/dashboard-designer/ui-elements/filter-editor/filter-data-via-the-filter-editor.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,28 +7,28 @@ legacyId: 4659
77
## Filter Editor
88
The **Filter Editor** is used to edit filter criteria. To create and customize filter criteria, use the ![FilterEditor_EU_AddButton](../../../images/img7350.png) and ![FilterEditor_EU_DeleteButton](../../../images/img7351.png) buttons embedded into the control and context menus supported by the editor's elements:
99

10-
![FilterEditor_Illustration](../../../images/img5357.png)
10+
![Filter Editor Interface](../../../images/img5357.png)
1111

1212
**Remarks**
1313

1414
A filter condition **group** is a set of conditions combined by the same logical operator. The following filter expression contains two groups combined by the logical OR operator: "([Product] = 'Chang' And [Quantity] > 20) Or ([Product] In ('Tofu', 'Konbu') And [Quantity] < 100)". In the Filter Editor it's represented as follows:
1515

16-
![CD_FilterEditor_2Groups](../../../images/img7326.png)
16+
![Filter Editor with Two Condition Groups](../../../images/img7326.png)
1717

1818
For step-by-step examples of creating filter criteria, see [Examples of Using the Filter Editor](examples-of-using-the-filter-editor.md).
1919

2020
## Add Conditions
2121
To add a condition to a logical group, do one of the following:
2222
* Focus any condition within the group or the group's logical operator and then press INSERT or ADD on the keyboard.
23-
* Click the ![FilterEditor_EU_AddButton](../../../images/img7350.png) button for the group.
23+
* Click the ![Add Button](../../../images/img7350.png) button for the group.
2424
* Click the group's logical operator and select **Add Condition**.
2525

2626
To add a condition or a group of conditions that have been copied to the clipboard, press CTRL+V or SHIFT+INSERT. The new condition will be added to the focused group.
2727

2828
## Delete Conditions
2929
To delete a condition, do one of the following:
3030
* Focus the condition and press DELETE or SUBTRACT.
31-
* Click the ![FilterEditor_EU_DeleteButton](../../../images/img7351.png) button.
31+
* Click the ![Delete Button](../../../images/img7351.png) button.
3232

3333
To delete a group of conditions, do one of the following:
3434
* Focus the group's logical operator and press DELETE or SUBTRACT
-3.29 KB
Binary file not shown.
2.01 KB
Loading
-554 Bytes
Binary file not shown.
1.95 KB
Loading
Binary file not shown.
Binary file not shown.
3.96 KB
Loading

0 commit comments

Comments
 (0)