This is a migrated thread and some comments may be shown as answers.

How To change telerik dropdown background and foreground

1 Answer 240 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Anas
Top achievements
Rank 1
Anas asked on 11 Jan 2021, 01:48 PM
Hello , i have this Rad combobox 

<telerikInput:RadComboBox
                                                  x:Name="PickerFilter"
                                                  DropDownBackgroundColor="{StaticResource AppMainColor}" 
                                                  IsClearButtonVisible="False" 
                                                  BorderColor="{StaticResource AppMainColor}" 
                                                  FocusedBorderColor="{StaticResource AppMainColor}" 
                                                  BackgroundColor="{StaticResource AppMainColor}" 
                                                  HorizontalOptions="CenterAndExpand"
                                                  VerticalOptions="Center" 
                                                  TextColor="#FFFFFF"
                                                  FontFamily="Roboto-Regular"
                                                  ItemsSource="{Binding FilterSource}"
                                                  SelectedItem="{Binding SelectedFilter,Mode=TwoWay}"  
                                                  FontSize="14" 
                                                  WidthRequest="220"
                                                  HeightRequest="42" 
                                                  CornerRadius="20">![](https://us.v-cdn.net/5019960/uploads/editor/6n/c3e070zodcqd.png "")

I want to change dropdown background from gray to blue and foreground from black to white (look to the screenshot)

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 12 Jan 2021, 12:15 PM

Hello Anas,

You can use the DropDown Styling properties of RadComboBox to modify the dropdown, they are explained in details here: DropDown Styling.

Still, to modify the items TextColor, you would need to customize the ComboBox's ItemTemplate and SelectedItemTemplate. Y|ou can take the default templates from here: Default Templates and modify the colors.

i have attached a sample app showing the exact approach, please download it and give it a try.

I hope I was of help.

Regards,
Yana
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ComboBox
Asked by
Anas
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or