Hakob
Top achievements
Rank 1
Rank 1
hello, please can you help me fix the background color issue for the Android
Style can't help me fix the issue.
Style can't help me fix the issue.
Hakob
commented on 12 Feb 2024, 08:57 AM
Top achievements
Rank 1
Rank 1
I found the issue, it is dark-mode problem
1 Answer, 1 is accepted
0
Hello Hakob,
If you set the theme to dark, then the colors change by default. You can set different color to the popup background by using the PopupViewStyle for Popup mode and DropDownViewStyle for DropDown mode:
<ContentPage.Resources>
<ResourceDictionary>
<Style TargetType="telerik:PickerPopupContentView" x:Key="popupViewStyle">
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light=White, Dark=LightBlue}"/>
<Setter Property="WidthRequest" Value="270"/>
</Style>
<Style TargetType="telerik:PickerDropDownContentView" x:Key="dropDownStyle">
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light=White, Dark=LightBlue}"/>
<Setter Property="WidthRequest" Value="270"/>
</Style>
</ResourceDictionary>
</ContentPage.Resources>
<VerticalStackLayout>
<telerik:RadTimeSpanPicker BorderColor="#8660C5" PickerMode="DropDown"
IsClearButtonVisible="True"
IsToggleButtonVisible="True"
AutomationId="timeSpanPicker">
<telerik:RadTimeSpanPicker.DropDownSettings>
<telerik:PickerDropDownSettings DropDownViewStyle="{StaticResource dropDownStyle}"/>
</telerik:RadTimeSpanPicker.DropDownSettings>
<telerik:RadTimeSpanPicker.PopupSettings>
<telerik:PickerPopupSettings PopupViewStyle="{StaticResource popupViewStyle}"/>
</telerik:RadTimeSpanPicker.PopupSettings>
</telerik:RadTimeSpanPicker>
</VerticalStackLayout>Regards,
Didi
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.