diff --git a/MAUI/Autocomplete/UI-Customization.md b/MAUI/Autocomplete/UI-Customization.md index bf1a5eadb..eff0a0a92 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 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. + +{% 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 6148c390c..b5b75c553 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.