telerik
diff --git a/‎components/grid/filter/checkboxlist.md‎
Lines changed: 18 additions & 23 deletions b/‎components/grid/filter/checkboxlist.md‎
Lines changed: 18 additions & 23 deletions
diff --git a/‎components/grid/filter/filter-menu.md‎
Lines changed: 16 additions & 30 deletions b/‎components/grid/filter/filter-menu.md‎
Lines changed: 16 additions & 30 deletions
diff --git a/‎components/grid/filter/filter-row.md‎
Lines changed: 12 additions & 26 deletions b/‎components/grid/filter/filter-row.md‎
Lines changed: 12 additions & 26 deletions
@@ -12,16 +12,14 @@ position: 15
 
 You can change the [filter menu]({%slug grid-filter-menu%}) to show a list of checkboxes with the distinct values from the data source. This lets your users filter records by a commonly found value quickly, and select multiple values with ease. The behavior is similar to Excel filtering.
 
-## Basic Setup
+## Enabling CheckBoxList Filtering
 
-To enable the checkbox list filtering in the grid:
+To enable the CheckBoxList filtering in the Telerik Grid for Blazor:
 
-1. Set the `FilterMode` parameter of the grid to `Telerik.Blazor.GridFilterMode.FilterMenu`
-1. Set the `FilterMenuType` parameter of the grid to `Telerik.Blazor.FilterMenuType.CheckBoxList`. It defaults to `Menu` for the default behavior.
+1. Set the `FilterMode` parameter to `GridFilterMode.FilterMenu`
+1. Set the `FilterMenuType` parameter to `FilterMenuType.CheckBoxList`. It defaults to `Menu` for the default behavior.
 
-You can also change the filter menu behavior for a particular column - its own `FilterMenuType` parameter can be either `Menu` or `CheckBoxList` regardless of the main grid parameter. This lets you mix both modes as necessary for your application - you can either have all grid columns use the same mode with a single setting, or override it for a few columns that need the less common mode.
-
->caption CheckList filter in the grid
+>caption CheckList filter in the DataGrid
 
 ````CSHTML
 @* Checkbox List Filter for the Name, Team and Vacation columns, the ID column overrides it to Menu *@
@@ -65,24 +63,21 @@ You can also change the filter menu behavior for a particular column - its own `
 }
 ````
 
->caption The result from the snippet above
-
-![checbox list filter in action](images/checklist-filter-overview.gif)
-
-
 ## Custom Data
 
-By default, the grid takes the `Distinct` values from its `Data` to populate the checkbox list filter for each field.
-
-When using the [`OnRead` event]({%slug components/grid/manual-operations%}) to customize the data operations and/or perform them on the server/service, the grid will only have the current page of data. This will limit the options the user will see so you may want to provide the full list.
+By default, the Telerik Grid takes the `Distinct` values from its `Data` to populate the checkbox list filter for each field.
 
-To customize the checkbox list behavior, you should use the [filter menu template]({%slug grid-templates-filter%}#filter-menu-template). To help you with that, we have exposed the `TelerikCheckBoxListFilter` component that you can place inside the `FilterMenuTemplate` to get the default grid UI. It provides the following settings:
+Using the [`OnRead` event]({%slug components/grid/manual-operations%}) to customize or perform data operations on the server/service limits the Grid to the current page of data, restricting user options. You may want to provide the full list.
 
-* `FilterDescriptor` - the filter descriptor where filters will be populated when checkboxes are selected. The component creates the necessary descriptors for you and reads existing ones. This makes it easy to plug into the grid without any additional code through two-way binding (`@bind-FilterDescriptor="@context.FilterDescriptor"`)..
+To customize the CheckBoxList behavior, use the [Filter Menu Template]({%slug grid-templates-filter%}#filter-menu-template). Place the `TelerikCheckBoxListFilter` component inside the `FilterMenuTemplate` to get the default CheckBoxList filtering UI. The template provides the following settings:
 
-* `Data` - the data that will be rendered in the checkbox list. This is where you can supply the desired options to change what the grid displays.
+@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
 
-* `Field` - the field from the data that will be used to take the `Distinct` options. It must match the name and type of the column field for which this filter is defined. This lets you use the same models that the grid uses, or to define smaller models to reduce the data you fetch for the filter lists.
+| Parameter | Description |
+|---------------------|------------------|
+| `FilterDescriptor`  | The filter descriptor where filters populate when checkboxes are selected. The component creates and reads descriptors, allowing easy Grid integration through two-way binding (`@bind-FilterDescriptor="@context.FilterDescriptor"`). |
+| `Data` | The data that renders in the checkbox list. Use this parameter to supply the desired options to change what the Grid displays. |
+| `Field` | The field from the data used for distinct options must match the column field's name and type. This allows using the same models as the Grid or defining smaller models to reduce data fetched for filter lists. |
 
 >caption Provide all filtering options when using OnRead
 
@@ -92,7 +87,7 @@ To customize the checkbox list behavior, you should use the [filter menu templat
 
 Filter by selecting a few names. Then filter by the Teams field (the fields that use application-provided data).<br />
 You will see you have all the options for the teams and all the options for the names.<br />
-Now try to filter by the On Vacation column - it will use only the current grid data and you may have only a single option,
+Now try to filter by the On Vacation column - it will use only the current Grid data and you may have only a single option,
 depending on how you filter the data so you may never be able to get back all values.
 
 
@@ -147,7 +142,7 @@ depending on how you filter the data so you may never be able to get back all va
 
         // this is just one example of getting distinct values from the full data source
         // in a real case you'd probably call your data service here instead
-        // or apply further logic (such as tie the returned data to the data the grid will have according to your business logic)
+        // or apply further logic (such as tie the returned data to the data the Grid will have according to your business logic)
         List<TeamNameFilterOption> data = AllGridData.OrderBy(z => z.Team).Select(z => z.Team).
             Distinct().Select(t => new TeamNameFilterOption { Team = t }).ToList();
 
@@ -175,7 +170,7 @@ depending on how you filter the data so you may never be able to get back all va
 
     async Task OnReadHandler(GridReadEventArgs args)
     {
-        //typical data retrieval for the grid
+        //typical data retrieval for the Grid
         var filteredData = await AllGridData.ToDataSourceResultAsync(args.Request);
         args.Data = filteredData.Data as IEnumerable<Employee>;
         args.Total = filteredData.Total;
@@ -184,7 +179,7 @@ depending on how you filter the data so you may never be able to get back all va
     protected override async Task OnInitializedAsync()
     {
         // generate data that simulates the database for this example
-        // the actual grid data is retrieve in its OnRead handler
+        // the actual Grid data is retrieve in its OnRead handler
         AllGridData = new List<Employee>();
         var rand = new Random();
         for (int i = 1; i <= 15; i++)
 
@@ -10,28 +10,18 @@ position: 10
 
 # Grid Filter Menu
 
-One of the [filter modes of the grid]({%slug components/grid/filtering%}) is a popup menu with filter options that you can open from the column headers.
+The `FilterMenu` filter mode renders a button in the column header. When you click the button, a popup with filtering options appears. The popup allows you to apply two filter criteria, choose a suitable filter operator and buttons to apply, or clear the filter.
 
-In this article:
+## Enabling Filter Menu
 
-* [Basics](#basics)
-* [Filter From Code](#filter-from-code)
-* [Customization](#customization)
-
-## Basics
-
-To enable the filter menu, set the `FilterMode` property of the grid to `Telerik.Blazor.GridFilterMode.FilterMenu`.
-
-The grid will render a button in the column header that you click to get a popup with filtering options. The popup lets you choose filter operator, filter criteria, to apply and clear the filter.
-
-The filter is applied only upon a button click, not upon input change. This may improve performance if you use [manual CRUD operations]({%slug components/grid/manual-operations%}) by reducing the number of requests compared to using the [Filter Row]({%slug grid-filter-row%}).
+Set the `FilterMode` parameter of the Telerik Grid to `GridFilterMode.FilterMenu`.
 
 >caption Filter Menu in Telerik Grid
 
 ````CSHTML
 @* Filter menu in the column header *@
 
-<TelerikGrid Data=@GridData FilterMode="Telerik.Blazor.GridFilterMode.FilterMenu"
+<TelerikGrid Data=@GridData FilterMode="@GridFilterMode.FilterMenu"
 			 Pageable="true" Height="400px">
 	<GridColumns>
 		<GridColumn Field=@nameof(Employee.Name) />
@@ -72,32 +62,19 @@ The filter is applied only upon a button click, not upon input change. This may
 }
 ````
 
->caption The result from the code snippet above, after the "Age" column has been filtered with <= 30 operator.
-
-![Blazor Grid Filter Menu](images/filter-menu-1.png)
-
-
 ## Filter From Code
 
-You can set the grid filters from your code through the grid [state]({%slug grid-state%}).
+To learn how to programmatically filter the Grid, refer to the [Grid State]({%slug grid-state%}) documentation article.
 
 @[template](/_contentTemplates/grid/state.md#initial-state)
 
->caption Set filtering programmatically
-
-````CSHTML
-@[template](/_contentTemplates/grid/state.md#filter-menu-from-code)
-````
-
-@[template](/_contentTemplates/grid/state.md#filter-menu-default-filters)
-
 ## Customization
 
-The Grid allows you to customize the default behavior of the Filter Menu in a couple ways:
+You can customize the default behavior of the Filter Menu in a couple ways:
 
 ### Configuring the Filter Menu
 
-You can override the default Filter Row behavior for each column through the following property the `GridColumn` exposes:
+You can override the default Filter Menu behavior for each column through the following property the `GridColumn` exposes:
 
 @[template](/_contentTemplates/common/filtering.md#filter-menu-customization-properties)
 
@@ -143,6 +120,15 @@ You can override the default Filter Row behavior for each column through the fol
 }
 ````
 
+
+### FilterMenuType
+
+You can switch between [CheckBoxList]({%slug grid-checklist-filter%}) and a `Menu` filtering layout for a particular `<GridColumn>` by setting the `FilterMenuType` to `FilterMenuType.Menu` or `FilterMenuType.CheckBoxList`.
+
+### CheckBoxList
+
+You can render a list of checkboxes instead of the default menu layout. Read the [CheckBoxList Filtering article]({%slug grid-checklist-filter%}) for more information... 
+
 ### Filter Menu Template
 
 The template will let you have full control over the Filter Row rendering and behavior. See how you can implement it and explore the example in the [Filter Menu Template]({%slug grid-templates-filter%}#filter-menu-template) article.
 
@@ -10,29 +10,22 @@ position: 5
 
 # Grid Filter Row
 
-One of the [filter modes of the grid]({%slug components/grid/filtering%}) is a row of filter elements below the column headers.
+The FilterRow filtering mode renders a row below the column headers, providing a UI where you can fill in the filter criteria.
 
-In this article:
+The Grid applies the filters as the user types in the filtering input. 
 
-* [Basics](#basics)
-* [Filter From Code](#filter-from-code)
-* [Customization](#customization)
+## Enabling Filter Row
 
+Set the `FilterMode` parameter of the Telerik Grid to `GridFilterMode.FilterRow`.
 
-## Basics
-
-To enable the filter row set the `FilterMode` property of the grid to `Telerik.Blazor.GridFilterMode.FilterRow`.
-
-The grid will render a row below the column headers with UI that you can use to fill in the filter criteria. You can type in the input to execute the default operator as you type or click a button to choose a different filter operator (like `Contains`, `GreaterThan`, and so on). Filters are applied as the user types in the inputs. Once you enter the filter criteria, the clear button will be enabled to allow you to reset the filter state.
-
-The default filter operator is `Contains` for `string` columns and `IsEqualTo` for numbers and dates. Boolean columns display a filtering drop down that effectively combines the filter operator and value.
+> The default filter operator is `Contains` for `string` columns and `IsEqualTo` for numbers and dates. Boolean columns display a filtering drop down that effectively combines the filter operator and value.
 
 >caption Filter Row in Telerik Grid
 
 ````CSHTML
 @* Filter row mode *@
 
-<TelerikGrid Data=@GridData FilterMode="Telerik.Blazor.GridFilterMode.FilterRow" Pageable="true" Height="400px">
+<TelerikGrid Data=@GridData FilterMode="@GridFilterMode.FilterRow" Pageable="true" Height="400px">
 	<GridColumns>
 		<GridColumn Field=@nameof(Employee.Name) />
 		<GridColumn Field=@nameof(Employee.AgeInYears) Title="Age" />
@@ -75,23 +68,13 @@ The default filter operator is `Contains` for `string` columns and `IsEqualTo` f
 
 ## Filter From Code
 
-You can set the grid filters from your code through the grid [state]({%slug grid-state%}).
+To learn how to programmatically filter the Grid, refer to the [Grid State]({%slug grid-state%}) documentation article.
 
 @[template](/_contentTemplates/grid/state.md#initial-state)
 
->caption Set filtering programmatically
-
-````CSHTML
-@[template](/_contentTemplates/grid/state.md#filter-row-from-code)
-````
-
 ## Customization
 
-The Grid allows you to customize the default behavior of the Filter Row in a couple ways:
-
-### Debouncing the Filtering
-
-@[template](/_contentTemplates/common/filtering.md#filter-debounce-delay-customization)
+You can customize the default behavior of the `FilterRow` in a couple ways:
 
 ### Configuring the Filter Row
 
@@ -144,11 +127,14 @@ You can override the default Filter Row behavior for each column through the fol
 }
 ````
 
+### Debouncing the Filtering
+
+@[template](/_contentTemplates/common/filtering.md#filter-debounce-delay-customization)
+
 ### Filter Row Template
 
 The template will let you have full control over the Filter Row rendering and behavior. See how you can implement it and explore the example in the [Filter Row Template]({%slug grid-templates-filter%}#filter-row-template) article.
 
-
 ## See Also
 
   * [Grid Filtering Overview]({%slug components/grid/filtering%})