Change Appointment Text color in Calendar Week View when app theme is changed
Environment
Product Version | 2020.3.1106.1 |
Product | Calendar for Xamarin Cross-Platform |
Description
This help article will show you how to change the Calendar Appointment Text Color when the system theme is changed.
Solution
The properties of the CalendarAppointmentStyle class are not bindable, so the whole style needs to be changed when the system theme changes.
You should use the following approach:
<ContentPage.Resources>
<ResourceDictionary>
<Color x:Key="LightColor">Red</Color>
<Color x:Key="DarkColor">Blue</Color>
</ResourceDictionary>
</ContentPage.Resources>
<StackLayout>
<telerikInput:RadCalendar x:Name="calendar" ViewMode="Week">
<telerikInput:RadCalendar.AppointmentsStyle>
<AppThemeBinding>
<AppThemeBinding.Light>
<telerikInput:CalendarAppointmentsStyle DisplayMode="TextWithShape"
TextColor="{StaticResource LightColor}"/>
</AppThemeBinding.Light>
<AppThemeBinding.Dark>
<telerikInput:CalendarAppointmentsStyle DisplayMode="TextWithShape"
TextColor="{StaticResource DarkColor}"/>
</AppThemeBinding.Dark>
</AppThemeBinding>
</telerikInput:RadCalendar.AppointmentsStyle>
</telerikInput:RadCalendar>
</StackLayout>