Skip to content

Commit 385724f

Browse files
Demos: Update Descriptions Following Feedback (DevExpress#30261)
1 parent 7caba23 commit 385724f

File tree

28 files changed

+85
-81
lines changed

28 files changed

+85
-81
lines changed
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
Card templates allow you to display custom card content. This demo uses a [cardRender](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardRender) to display car images, car info, and a custom button within cards.
2+
<!--split-->
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
Card templates allow you to display custom card content. This demo uses a [cardRender](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardRender) to display car images, car info, and a custom button within cards.
2+
<!--split-->
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
Card templates allow you to display custom content in cards. This demo uses a [cardTemplate](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardTemplate) to display car images, car info, and a custom button in cards.
1+
Card templates allow you to display custom card content. This demo uses a [cardTemplate](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardTemplate) to display car images, car info, and a custom button within cards.
22
<!--split-->
Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
To change field visibility at runtime, set the **columnChooser**.[enabled](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/#enabled) property to `true`. To ensure specific fields remain visible, set the **columns[]**.[allowHiding](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#allowHiding) property to `false`. In this demo, **allowHiding** is disabled for the "Full Name" and "Phone" columns.
1+
To change field visibility at runtime, set the **columnChooser**.[enabled](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/#enabled) property to `true`. To ensure specific fields remain visible, set the **columns[]**.[allowHiding](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#allowHiding) property to `false`. In this demo, **allowHiding** is disabled for "Full Name" and "Phone" columns.
22

33
Set **columnChooser**.[mode](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/#mode) to specify how users toggle column visibility:
44

55
* *"dragAndDrop"*
6-
Users drag and drop fields between the header panel and column chooser.
6+
Users drag & drop fields between the header panel and column chooser.
77

88
* *"select"*
99
Users toggle check boxes for field names.
1010
<!--split-->
1111

12-
To display the column chooser, click the column chooser icon in the CardView toolbar. You can specify the column chooser's position with the **columnChooser**.[position](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/#position) property.
12+
To display the CardView Column Chooser, click the column chooser icon in the CardView toolbar. You can specify the column chooser's position with the **columnChooser**.[position](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/#position) property.
1313

14-
If the column chooser contains multiple hidden columns, assign `true` to the **search**.[enabled](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/search/#enabled) property to enable the DevExtreme field search UI.
14+
If the column chooser contains multiple hidden columns, assign `true` to the **search**.[enabled](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/search/#enabled) property to enable DevExtreme’s field search UI.
1515

1616
In this demo, use the checkboxes above the CardView to toggle search and selection features.
1717

18-
To hide a field programmatically, change **columns[]**.[visible](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#visible) property to `false`.
18+
To hide a field programmatically, change the **columns[]**.[visible](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#visible) property to `false`.
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
DevExtreme CardView includes a header filter that allows users to filter cards by field values. Click the filter icon in a field's header panel to open the pop-up CardView filter.
1+
DevExtreme CardView includes a header used to filter cards by field values. Click the filter icon in the field's header panel to open the pop-up CardView filter.
22
<!--split-->
33

44
### Display Header Filter Icons
@@ -7,8 +7,8 @@ Assign `true` to the **headerFilter**.[visible](/Documentation/ApiReference/UI_C
77

88
### Enable Search UI Within Header Filters
99

10-
CardView offers a text-based search to find specific values in a header filter. Define the [search](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/search/) property in the **headerFilter** object or a **columns**.[headerFilter](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/) object to configure this capability.
10+
DevExtreme CardView supports text-based search (to find specific values in a header filter). Define the [search](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/search/) property in the **headerFilter** object or a **columns**.[headerFilter](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/) object to configure this capability.
1111

12-
The search panel checks for values only within the same data field. To expand the search to additional fields, use **search**.[searchExpr](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/search/#searchExpr) property. For example, this demo allows you to enter a state name in the City column's header filter. You can then see a list of all cities within the specified state and select city names that you want to use as a filter.
12+
The search panel checks for values only within the same data field. To expand search to additional fields, use the **search**.[searchExpr](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/search/#searchExpr) property. For example, this demo allows you to enter a state name in the City column's header filter. You can then see a list of all cities within the specified state and select city names that you want to use as a filter.
1313

14-
To apply a comparison operation used to search header filter values, specify the **search**.[mode](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/search/#mode) property.
14+
To apply a comparison operation (used to search header filter values), specify the **search**.[mode](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/headerFilter/search/#mode) property.
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
DevExtreme CardView fields use the same display order as data fields in the component's [dataSource](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#dataSource). You can specify a different display order with the [columns[]](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/) array. To reorder a field at runtime, change the **columns[]**.[visibleIndex](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#visibleIndex) property.
22
<!--split-->
33

4-
Users can drag and drop header items to reorder columns when [allowColumnReordering](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#allowColumnReordering) is set to `true`. To disable reordering operations for a specific field, assign `false` to its [allowReordering](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#allowReordering) property. In this demo, **allowReordering** is disabled for the `OrderNumber` field.
4+
Users can drag and drop header items to reorder columns when [allowColumnReordering](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#allowColumnReordering) is set to `true`. To disable reorder operations for a specific field, assign `false` to its [allowReordering](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#allowReordering) property. In this demo, **allowReordering** is disabled for the `OrderNumber` field.

apps/demos/Demos/CardView/DataValidation/description.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
CardView allows you to validate user input. You can apply pre-defined [validation rules](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#validationRules) or custom rules to individual columns.
1+
DevExtreme CardView allows you to validate user input as necessary. You can apply pre-defined [validation rules](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#validationRules) or custom rules to individual columns.
22
<!--split-->
33

44
In this demo, the following rules are used:
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
Field templates allow you to display custom content in field elements. Use the [fieldTemplate](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#fieldTemplate) property to configure these templates.
1+
Field templates allow you to display custom content for field elements. Use the [fieldTemplate](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#fieldTemplate) property to configure these templates.
22

3-
This demo configures field templates to customize the appearance of the 'Priority', 'Assigned to', and 'Completed' fields. It also adds custom card headers with **cardHeader**.[template](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/#template).
3+
This demo uses field templates to customize the appearance of 'Priority', 'Assigned to', and 'Completed' fields. It also adds custom card headers with **cardHeader**.[template](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/#template).
44
<!--split-->
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
The [filter panel](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/filterPanel/) is a UI element that displays the combined filter. This filter is stored in the [filterValue](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterValue) property and includes filters that users apply in other UI elements ([header filter](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/), [filterBuilder](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterBuilder)).
1+
The [filter panel](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/filterPanel/) UI element displays combined filter information on-screen. This filter is stored in the [filterValue](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterValue) property and includes filters applied in other UI elements ([header filter](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/), [filterBuilder](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterBuilder)).
22
<!--split-->
33

44
To display the filter panel, set the **filterPanel**.[visible](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/filterPanel/#visible) property to `true`.
55

6-
A click on the combined filter calls the integrated filter builder. You can configure it in the [filterBuilder](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterBuilder) object. In this demo, this object is used to add the `beforeNoon` and `afterNoon` [custom filter operations](/Documentation/ApiReference/UI_Components/dxFilterBuilder/Configuration/customOperations).
6+
A click within the combined filter calls the integrated filter builder. You can configure its settings in the [filterBuilder](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterBuilder) object. In this demo, this object is used to add `beforeNoon` and `afterNoon` [custom filter operations](/Documentation/ApiReference/UI_Components/dxFilterBuilder/Configuration/customOperations).
77

88
The integrated filter builder displays in a DevExtreme [Popup](/Documentation/ApiReference/UI_Components/dxPopup/) component. You can configure the filter builder popup with the [filterBuilderPopup](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#filterBuilderPopup) object.
Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
The DevExtreme CardView component allows you to display business data using a 'card' UI metaphor — a visually engaging alternative to traditional grid views. Use it for employee directories, contact lists, product catalogs, or task boards.
22

3-
To get started with the CardView component, refer to the following tutorial for step-by-step instructions: [Getting Started with CardView](/Documentation/Guide/UI_Components/CardView/Getting_Started_with_CardView/).
3+
To get started with the CardView component, refer to the following step-by-step tutorial: [Getting Started with CardView](/Documentation/Guide/UI_Components/CardView/Getting_Started_with_CardView/).
44

55
For a complete overview of CardView options, refer to the [CardView API Reference](/Documentation/ApiReference/UI_Components/dxCardView/).
66
<!--split-->
77

8-
CardView ships with the following built-in data management capabilities:
8+
DevExtreme CardView ships with the following built-in data management options:
99

1010
- Sorting
1111
- Paging
@@ -16,4 +16,4 @@ CardView ships with the following built-in data management capabilities:
1616
- Searching
1717
- Data selection
1818

19-
Each card within the CardView is customizable, with UI elements such as toolbars, covers, and footers that allow you to adapt layouts.
19+
Each card within the CardView is customizable.

0 commit comments

Comments
 (0)