Skip to content

Commit 8441ee3

Browse files
Merge pull request #1304 from telerik/didi/docs-sp
Describe the sort indicator font options and checkbox checked changing
2 parents ac737bd + 0877441 commit 8441ee3

File tree

4 files changed

+45
-5
lines changed

4 files changed

+45
-5
lines changed

controls/autocomplete/events.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Events
3-
page_title: .NET MAUI AutoComplete Documentation - Events
3+
meta_title: .NET MAUI AutoComplete Documentation - Events
44
description: Explore the different events that are triggered when the text is changed, the return key is pressed, items are filtered, and more.
55
position: 8
66
slug: autocomplete-events

controls/autocomplete/filtering.md

Lines changed: 25 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Filtering
3-
page_title: .NET MAUI AutoComplete Documentation - Filtering
3+
meta_title: .NET MAUI AutoComplete Documentation - Filtering
44
description: Learn how to apply filtering and what are the custom filtering options in the Telerik UI for .NET MAUI AutoComplete control.
55
position: 7
66
slug: autocomplete-filtering
@@ -10,6 +10,30 @@ slug: autocomplete-filtering
1010

1111
The Telerik .NET MAUI AutoComplete control filters the source by the entered text. By using the `CompletionMode` (enum of type `Telerik.Maui.Controls.AutoCompleteCompletionMode`) property you can specify how the `ItemsSource` will be filtered when the user types in the input area. The `StartsWith` filters the items that start with the text typed in the input area and the `Contains`—filters the items that contain the text typed in the input area.
1212

13+
The filtered items are stored in the `FilteredItems` collection, which can be accessed through the following property:
14+
15+
* `FilteredItems` (`IEnumerable`)—Allows you to get the collection containing the search results of the AutoComplete. The property can be used in scenarios where the search results are visualized at a different place or inside another container.
16+
17+
When filtering is performed and there are matching items, the items are displayed in the `SuggestionView`. By default, the first item in the `SuggestionView` is highlighted. To modify this behavior, you can use the following property:
18+
19+
* `HighlightItemFunc` (`Func<IEnumerable<object>, string, object>`)&mdash;Specifies the function used to specify the highlighted item in the drop-down after filtering is performed. The function receives the filtered collection of items and the current search text as parameters and returns the item from the filtered collection that should be highlighted.
20+
21+
**Example: Removing the highlighted item**
22+
23+
```C#
24+
var autoComplete = new RadAutoComplete();
25+
autoComplete.HighlightItemFunc = (filteredItems, searchText) => null;
26+
```
27+
28+
**Example: Setting the highlighted item to the last item from the SuggestionView**
29+
30+
```C#
31+
var autoComplete = new RadAutoComplete();
32+
autoComplete.HighlightItemFunc = (filteredItems, searchText) => filteredItems.LastOrDefault();
33+
```
34+
35+
## Custom Filtering
36+
1337
The control allows users to define custom filtering logic through the following property:
1438

1539
* `Filter` (`Telerik.Maui.Controls.AutoComplete.IAutoCompleteFilter`)&mdash;Defines the function that will be used to filter items.
@@ -26,9 +50,6 @@ The function returns true when the item is added into RadAutoComplete `FilteredI
2650

2751
>The RadAutoComplete `TextSearchPath` property is required in custom filtering scenarios.
2852
29-
## FilteredItems collection
30-
31-
* `FilteredItems` bindable property allows you to access the collection containing the search results of the AutoComplete. The property can be used in scenarios where the search results are visualized at a different place or inside another container.
3253

3354
## Example
3455

controls/checkbox/checked-states.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,13 @@ public class ViewModel : NotifyPropertyChangedBase
5454

5555
## Events
5656

57+
* `IsCheckedChanging`&mdash;Raised when the `RadCheckBox.IsChecked` property is about to be changed. The `IsCheckedChanging` event handler receives two parameters:
58+
* The `Sender` which is of type `Telerik.Maui.Controls.RadCheckBox`.
59+
* The `IsCheckedChangingEventArgs`, which provides the following properties:
60+
* `OldValue`(`bool?`)&mdash;Gets the current checked state value before the change.
61+
* `NewValue`(`bool?`)&mdash;Gets the new checked state value that will be applied if the event is not canceled.
62+
* `Cancel`(`bool`)&mdash;If `true`, the change of the `IsChecked` property is canceled.
63+
5764
* `IsCheckedChanged`&mdash;Occurs when the `RadCheckBox.IsChecked` property is changed. The `IsCheckedChanged` event handler receives two parameters:
5865
* The `Sender` which is of type `Telerik.Maui.Controls.RadCheckBox`.
5966
* and `IsCheckedChangedEventArgs`. The `IsCheckedChangedEventArgs` provides the following properties:

controls/datagrid/theming-and-styles/columns-styling.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,18 @@ The `SortIndicator` appears once the `RadDataGridColumnHeader` is sorted (tapped
8686
* `SortIndicatorAscendingText`&mdash;Defines the text of the sort indicator when the sorting is ascending.
8787
* `SortIndicatorDescendingText`&mdash;Defines the text of the sort indicator when the sorting is descending.
8888
* `SortIndicatorHorizontalOptions`&mdash;Defines the horizontal options of the sort indicator.
89+
* `Font Options`(`SortIndicatorFontFamily`, `SortIndicatorFontSize`, `SortIndicatorFontAttributes`)&mdash;Define the font options to the sort indicator text.
90+
91+
```xaml
92+
<Style TargetType="telerik:DataGridColumnHeaderAppearance">
93+
<Setter Property="SortIndicatorFontFamily" Value="TelerikFont" />
94+
<Setter Property="SortIndicatorFontSize" Value="18" />
95+
<Setter Property="SortIndicatorFontAttributes" Value="Bold" />
96+
<Setter Property="SortIndicatorColor" Value="#FF6347" />
97+
<Setter Property="SortIndicatorAscendingText" Value="&#xe865;" />
98+
<Setter Property="SortIndicatorDescendingText" Value="&#xe864;" />
99+
</Style>
100+
```
89101

90102
### Universal Indicator Styling
91103

0 commit comments

Comments
 (0)