CardView: Update Overview (style) (DevExpress#8020)

Author: arman-boyakhchyan

concepts/05 UI Components/CardView/00 Overview/00 Overview.md

@@ -1,3 +1,3 @@
-DevExtreme CardView is a responsive grid that disaplays data in cards. It supports data editing with validation, search, filtering, layout customization, and more.
+DevExtreme CardView is a responsive grid that displays data in cards. It supports data editing with validation, search, filtering, layout customization, and more.
 
 This overview highlights CardView elements, key features, and what to explore next.

concepts/05 UI Components/CardView/00 Overview/10 Key Features.md

@@ -1,36 +1,26 @@
 - **Data Binding**    
-CardView supports loading and updating data from different [data source](/api-reference/30%20Data%20Layer/DataSource '/Documentation/ApiReference/Data_Layer/DataSource/') types. It handles large data sets efficiently with both local data stores and [remote data operations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/CardView/WebAPIService/).
+CardView supports different [data source](/api-reference/30%20Data%20Layer/DataSource '/Documentation/ApiReference/Data_Layer/DataSource/') types, including local and [remote](https://js.devexpress.com/Demos/WidgetsGallery/Demo/CardView/WebAPIService/) data stores.
 
 - **Editing Operations**    
-CardView allows users to add, update, and delete cards. You can specify which operations are accessible to users by defining [allowAdding](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowAdding.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowAdding'), [allowDeleting](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowDeleting.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowDeleting'), and [allowUpdating](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowUpdating.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowUpdating') in the [editing](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/editing.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/') object.
+CardView allows users to [add](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowAdding.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowAdding'), [update](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowUpdating.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowUpdating'), and [delete](/api-reference/10%20UI%20Components/dxCardView/9%20Types/dxCardViewEditing/allowDeleting.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/editing/#allowDeleting') cards.
 
 - **Adaptability**    
-CardView supports screens of all sizes. To adapt the component to your needs, you can specify the following properties:
-    - [cardsPerRow](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardsPerRow.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardsPerRow')
-    - [cardMaxWidth](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardMaxWidth.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardMaxWidth')/[cardMinWidth](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardMinWidth.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardMinWidth')
-    - [width](/api-reference/10%20UI%20Components/DOMComponent/1%20Configuration/width.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#width')/[height](/api-reference/10%20UI%20Components/DOMComponent/1%20Configuration/height.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#height')
+CardView supports screens of all sizes. To adapt the component to your needs, you can specify [maximum](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardMaxWidth.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardMaxWidth')/[minimum](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardMinWidth.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardMinWidth') card widths and the [number of cards per row](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardsPerRow.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardsPerRow').
 
 - **Filtering, Sorting, and Searching**    
-Configure [headerFilter](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/headerFilter.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/') or [filterPanel](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/filterPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/filterPanel/') to allow users to filter CardView data. Enable sorting by single or multiple fields in the [sorting](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/sorting.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/sorting/') object. Specify search settings in the [searchPanel](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/searchPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/searchPanel/') object. 
+You can configure [header filters](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/headerFilter.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerFilter/') or the [filter panel](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/filterPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/filterPanel/') to allow users to filter CardView data. The component also supports [sorting](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/sorting.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/sorting/') by single or multiple fields and [searching](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/searchPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/searchPanel/').
 
-- **Selection Modes**    
-CardView supports single and multiple card selection. Users can select cards with mouse actions or [keyboard shortcuts](/concepts/05%20UI%20Components/CardView/10%20Accessibility/15%20Keyboard%20Navigation.md '/Documentation/Guide/UI_Components/CardView/Accessibility/#Keyboard_Navigation'). Configure selection mode and other settings in the [selection](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/selection.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/selection/') object.
+- **Selection**    
+CardView supports single and multiple card [selection](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/selection.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/selection/'). You can enable selection options such as [checkboxes](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/selection/#showCheckBoxesMode) and [selection of all cards](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/selection/#allowSelectAll). 
 
 - **Column Hiding and Reordering**    
-You can use [columnChooser](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/columnChooser.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/') to change column visibiity. To reorder columns, rearrange column headers in the **headerPanel**. You can also initialize columns in a specific order and visibility state by configuring the [columns[]](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/) array.
+You can change column visibility in the CardView [column chooser](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/columnChooser.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columnChooser/'). To reorder columns, rearrange column headers in the [header panel](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerPanel/).
 
-- **Card Customization**    
-You can customize the appearance of card visual elements with different properties, including:
-    - [cardCover](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardCover.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardCover/')
-    - [cardHeader](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardHeader.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/')
-    - [cardFooterTemplate](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardFooterTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardFooterTemplate')
-    - [cardContentTemplate](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardContentTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardContentTemplate')
-    - **columns**.[fieldTemplate](/api-reference/10%20UI%20Components/dxCardView/9%20Types/ColumnProperties/fieldTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/columns/#fieldTemplate')
+- **Accessibility and Keyboard Navigation**    
+CardView [conforms](/Documentation/Guide/UI_Components/CardView/Accessibility/) to WCAG 2.x, European Accessibility Act (EAA), and Americans with Disabilities Act (ADA) standards. The component supports [keyboard navigation](/Documentation/Guide/UI_Components/CardView/Accessibility/#Keyboard_Navigation) and custom key handlers. CardView also ships with right-to-left ([RTL](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#rtlEnabled)) representation support.
 
-    To customize card layout and appearance, configure [cardTemplate](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardTemplate').
+- **Card Customization**    
+You can customize the appearance of card visual elements such as the [cover](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardCover.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardCover/'), [header](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardHeader.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/'), [footer](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardFooterTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardFooterTemplate'), and [content](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardContentTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardContentTemplate'). To implement further customizations, you can specify a [card template](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/cardTemplate.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#cardTemplate').
 
 - **Component Customization**    
-The following properties customize the appearance and functionality of the CardView component:
-    - [toolbar](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/toolbar.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/toolbar/')
-    - [headerPanel](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/headerPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerPanel/')
-    - [paging](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/paging.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/paging/')
+To customize the appearance and functionality of the CardView component, configure elements such as the [toolbar](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/toolbar.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/toolbar/'), [header panel](/api-reference/10%20UI%20Components/dxCardView/1%20Configuration/headerPanel.md '/Documentation/ApiReference/UI_Components/dxCardView/Configuration/headerPanel/'), and [pager](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/#pager).