From 83364f302b2024dcff18f07c09d971f5bba21493 Mon Sep 17 00:00:00 2001 From: Manikandan-Kannan-1312 Date: Tue, 14 Oct 2025 11:26:27 +0530 Subject: [PATCH 1/3] Create content for selected dropdown item text style --- MAUI/Autocomplete/UI-Customization.md | 32 ++++++++++++++++++++++ MAUI/ComboBox/UI-Customization.md | 38 +++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) diff --git a/MAUI/Autocomplete/UI-Customization.md b/MAUI/Autocomplete/UI-Customization.md index bf1a5eadb4..54f65f66c5 100644 --- a/MAUI/Autocomplete/UI-Customization.md +++ b/MAUI/Autocomplete/UI-Customization.md @@ -480,6 +480,38 @@ SfAutocomplete autocomplete = new SfAutocomplete() ![.NET MAUI Autocomplete Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) +### Customize the Selected DropDown Item TextStyle + +The [SelectedDropDownItemTextStyle]() property in the SfAutoComplete control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience. + +{% tabs %} +{% highlight xaml %} + + + + + + + +{% endhighlight %} +{% highlight C# %} + +SfAutocomplete autoComplete = new SfAutocomplete +{ + ItemsSource = socialMediaViewModel.SocialMedias, + DisplayMemberPath = "Name", + TextMemberPath = "Name", + SelectedDropDownItemTextStyle = new DropDownTextStyle + { + TextColor = Colors.Orange, + FontSize = 16, + FontAttributes = FontAttributes.Bold + } +}; + +{% endhighlight %} +{% endtabs %} + ### Customize the DropDown Border Color The [DropDownStroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.DropDownControls.DropDownListBase.html#Syncfusion_Maui_Inputs_DropDownControls_DropDownListBase_DropDownStroke) property is used to modify the border color of the dropdown. diff --git a/MAUI/ComboBox/UI-Customization.md b/MAUI/ComboBox/UI-Customization.md index 6148c390cf..ad33a4d84c 100644 --- a/MAUI/ComboBox/UI-Customization.md +++ b/MAUI/ComboBox/UI-Customization.md @@ -550,6 +550,44 @@ SfComboBox comboBox = new SfComboBox() ![.NET MAUI ComboBox Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) +### Customize the Selected DropDown item text style + +The [SelectedDropDownItemTextStyle]() property in the SfComboBox control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience. + +{% tabs %} +{% highlight xaml %} + + + + + + + +{% endhighlight %} + +{% highlight C# %} + +SfComboBox comboBox = new SfComboBox() +{ + ItemsSource = socialMediaViewModel.SocialMedias, + TextMemberPath = "Name", + DisplayMemberPath = "Name", + Placeholder="Enter Media", + SelectedDropDownItemTextStyle = new DropDownTextStyle + { + TextColor = Colors.Orange, + FontSize = 16, + FontAttributes = FontAttributes.Bold + } +}; + +{% endhighlight %} +{% endtabs %} + ### Customize the DropDown Border Color The [DropDownStroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.DropDownControls.DropDownListBase.html#Syncfusion_Maui_Inputs_DropDownControls_DropDownListBase_DropDownStroke) property is used to modify the border color of the dropdown. From e20eaddb634e1d0ffeaf743e40f49cf95b21cbce Mon Sep 17 00:00:00 2001 From: Manikandan-Kannan-1312 Date: Tue, 14 Oct 2025 14:55:32 +0530 Subject: [PATCH 2/3] Addressed the review concerns --- MAUI/Autocomplete/UI-Customization.md | 2 +- MAUI/ComboBox/UI-Customization.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/MAUI/Autocomplete/UI-Customization.md b/MAUI/Autocomplete/UI-Customization.md index 54f65f66c5..fd7f6bb3a3 100644 --- a/MAUI/Autocomplete/UI-Customization.md +++ b/MAUI/Autocomplete/UI-Customization.md @@ -480,7 +480,7 @@ SfAutocomplete autocomplete = new SfAutocomplete() ![.NET MAUI Autocomplete Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) -### Customize the Selected DropDown Item TextStyle +### Customize the selected dropdown item's text style The [SelectedDropDownItemTextStyle]() property in the SfAutoComplete control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience. diff --git a/MAUI/ComboBox/UI-Customization.md b/MAUI/ComboBox/UI-Customization.md index ad33a4d84c..f858897d27 100644 --- a/MAUI/ComboBox/UI-Customization.md +++ b/MAUI/ComboBox/UI-Customization.md @@ -550,7 +550,7 @@ SfComboBox comboBox = new SfComboBox() ![.NET MAUI ComboBox Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) -### Customize the Selected DropDown item text style +### Customize the selected dropdown item's text style The [SelectedDropDownItemTextStyle]() property in the SfComboBox control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience. From bb4129dc40241521c3dd1e49d3db7095fda3d907 Mon Sep 17 00:00:00 2001 From: Manikandan-Kannan-1312 Date: Wed, 15 Oct 2025 16:13:26 +0530 Subject: [PATCH 3/3] Addressed the casing changes --- MAUI/Autocomplete/UI-Customization.md | 2 +- MAUI/ComboBox/UI-Customization.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/MAUI/Autocomplete/UI-Customization.md b/MAUI/Autocomplete/UI-Customization.md index fd7f6bb3a3..eff0a0a924 100644 --- a/MAUI/Autocomplete/UI-Customization.md +++ b/MAUI/Autocomplete/UI-Customization.md @@ -480,7 +480,7 @@ SfAutocomplete autocomplete = new SfAutocomplete() ![.NET MAUI Autocomplete Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) -### Customize the selected dropdown item's text style +### Customize the Selected DropDown Item Text Style The [SelectedDropDownItemTextStyle]() property in the SfAutoComplete control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience. diff --git a/MAUI/ComboBox/UI-Customization.md b/MAUI/ComboBox/UI-Customization.md index f858897d27..b5b75c5530 100644 --- a/MAUI/ComboBox/UI-Customization.md +++ b/MAUI/ComboBox/UI-Customization.md @@ -550,7 +550,7 @@ SfComboBox comboBox = new SfComboBox() ![.NET MAUI ComboBox Selected DropDown Item Background](Images/UICustomization/SelectedDropDownItemBackground.png) -### Customize the selected dropdown item's text style +### Customize the Selected DropDown Item Text Style The [SelectedDropDownItemTextStyle]() property in the SfComboBox control allows developers to customize the appearance of the selected item in the dropdown list. This feature is useful for highlighting user selections and improving the overall UI experience.