Change Calendar header font color

3 posts, 1 answers
  1. Fabiana
    Fabiana avatar
    69 posts
    Member since:
    Oct 2009

    Posted 26 Jul 2010 Link to this post

    Hi support!

    I am creating my theme, and I modified Calendar.xaml file, and the result you can see in image. But I don´t know how to change font color in header. See that is black, but I would like to set to dark blue ( R=0, G=51, B=91 )

    Thanks!


    Calendar.xaml :


    <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
            xmlns:primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"
            xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
            xmlns:telerikChromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls"
            xmlns:calendar="clr-namespace:Telerik.Windows.Controls.Calendar;assembly=Telerik.Windows.Controls.Input"
            xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
            xmlns:sys="clr-namespace:System;assembly=mscorlib">
        <SolidColorBrush x:Key="RadDatePickerEditableExpanderBrushOver" Color="White"/>
    <SolidColorBrush x:Key="RadDatePickerEditableExpanderInnerBorderBrushOver" Color="White"/>
    <SolidColorBrush x:Key="RadDatePickerEditableExpanderBrushDropDownOpen" Color="White"/>
    <SolidColorBrush x:Key="RadDatePickerEditableExpanderInnerBorderBrushDropDownOpen" Color="White"/>
    <SolidColorBrush x:Key="RadDatePickerEditableExpanderInnerBorderBrushNormal" Color="White"/>
    <SolidColorBrush x:Key="RadDatePickerEditableExpanderBrushNormal" Color="White"/>
    <SolidColorBrush x:Key="DisabledBrush" Color="#99FFFFFF"></SolidColorBrush>
    <SolidColorBrush x:Key="HeaderButton_BorderBrush_Over" Color="White" />
    <SolidColorBrush x:Key="HeaderButton_Background_Over" Color="White"/>
    <SolidColorBrush x:Key="HeaderButton_InnerBorderBrush_Over" Color="White"/>
    <SolidColorBrush x:Key="HeaderButton_BorderBrush_Pressed" Color="#FF3C7FB1" />
    <SolidColorBrush x:Key="HeaderButton_Background_Pressed" Color="White"/>
    <SolidColorBrush x:Key="HeaderButton_InnerBorderBrush_Pressed" Color="White"/>
    <SolidColorBrush x:Key="HeaderButton_NormalBrush" Color="#FF00335B" />
    <SolidColorBrush x:Key="HeaderForegroundBrush" Color="#FFFFFFFF"></SolidColorBrush>
    <SolidColorBrush x:Key="HeaderOuterBorderBrush" Color="#FF3C7FB1"></SolidColorBrush>
    <SolidColorBrush x:Key="HeaderBorderBrush" Color="#FFF0F9DE"/>
    <SolidColorBrush x:Key="HeaderBackgroundBrush" Color="#FFF0F9DE"/>
    <SolidColorBrush x:Key="RadCalendarViewHeaderUoterBorder" Color="#FF3C7FB1" />
    <SolidColorBrush x:Key="RadCalendarViewHeaderInnerBorder" Color="White" />
    <SolidColorBrush x:Key="RadCalendarViewHeaderInnerBackground" Color="White" />
    <SolidColorBrush x:Key="Header2ForegroundBrush" Color="#FF00335B" />
    <LinearGradientBrush x:Key="RadCalendarBorderLine" StartPoint="0,0.5" EndPoint="1,0.5">
                <GradientStop Offset="0" Color="#00A2C3A0" />
                <GradientStop Offset="0.496" Color="#FF77B800" />
                <GradientStop Offset="1" Color="#00AAC3A0" />
            </LinearGradientBrush>
    <SolidColorBrush x:Key="RadCalendarHeaderDay_Week" Color="#FFF5FBF1" />
    <SolidColorBrush x:Key="ContentBackgroundBrush" Color="#FFFFFFFF" />
    <SolidColorBrush x:Key="BorderOuterColor" Color="#FF3C7FB1" />
    <SolidColorBrush x:Key="BorderOuterBrush" Color="White" />
    <SolidColorBrush x:Key="FocusBrush" Color="#FF3C7FB1" />
    <Thickness x:Key="RadDatePickerDefaultSizeBoxMargin">60 11 60 11</Thickness>
    <SolidColorBrush x:Key="BorderInnerBrushInput" Color="#FF00335B" />
    <SolidColorBrush x:Key="DisabledForegroundBrush" Color="#33000000"></SolidColorBrush>
    <SolidColorBrush x:Key="RadCalendarItem_OuterBorder_Over" Color="#FF77B800" />
    <LinearGradientBrush x:Key="RadCalendarItem_InnerBorder_Over"  EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFFCFDFE"/>
                <GradientStop Color="White" Offset="1"/>
            </LinearGradientBrush>
    <LinearGradientBrush x:Key="RadCalendarItem_Background_Over"  EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFFAFBFD" Offset="0.004"/>
                <GradientStop Color="White" Offset="1"/>
            </LinearGradientBrush>
    <SolidColorBrush x:Key="RadCalendarItem_OuterBorder_Current" Color="#FF77B800" />
    <SolidColorBrush x:Key="RadCalendarItem_Background_Current" Color="White" />
    <SolidColorBrush x:Key="RadCalendarItem_InnerBorder_Current" Color="White" />
    <SolidColorBrush x:Key="RadCalendarItem_OuterBorder_Selected" Color="White" />
    <SolidColorBrush x:Key="RadCalendarItem_Background_Selected"  Color="#FF77B800"/>
    <SolidColorBrush x:Key="RadCalendarItem_InnerBorder_Selected"  Color="#0077B800"/>
    <SolidColorBrush x:Key="FocusBrushBlack" Color="#FF00335B" />

        

        <telerik:InvertedBooleanToVisibilityConverter x:Key="InvertedBooleanToVisibilityConverterInstance" />
        
        <!-- DateToggleButton -->
        <Style TargetType="ToggleButton" x:Key="DateToggleButtonStyle">
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="IsEnabled" Value="true" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ToggleButton">
                        <Grid x:Name="Root">
                           
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal">
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="Border"
                                                                    Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0"
                                                                        Value="{StaticResource RadDatePickerEditableExpanderBrushOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="Border"
                                                                    Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0"
                                                                        Value="{StaticResource RadDatePickerEditableExpanderInnerBorderBrushOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="Border"
                                                                    Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0"
                                                                        Value="{StaticResource RadDatePickerEditableExpanderBrushDropDownOpen}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="Border"
                                                                    Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0"
                                                                        Value="{StaticResource RadDatePickerEditableExpanderInnerBorderBrushDropDownOpen}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="DisabledVisual"
                                                                    Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0"
                                                                        Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Checked">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="BorderChecked"
                                                                    Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Unhecked">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                                    Storyboard.TargetName="BorderChecked"
                                                                    Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="FocusStates">
                                    <vsm:VisualState x:Name="Unfocused" />
                                    <vsm:VisualState x:Name="Focused" />
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
                           

                            <Border
                                x:Name="Border"
                                BorderThickness="1"
                                BorderBrush="{StaticResource RadDatePickerEditableExpanderInnerBorderBrushNormal}"
                                CornerRadius="0 1 1 0"
                                Background="{StaticResource RadDatePickerEditableExpanderBrushNormal}" />

                            <Border
                                x:Name="BorderChecked"
                                BorderThickness="1"
                                BorderBrush="{StaticResource RadDatePickerEditableExpanderInnerBorderBrushDropDownOpen}"
                                CornerRadius="0 1 1 0"
                                Visibility="Collapsed"
                                Background="{StaticResource RadDatePickerEditableExpanderBrushDropDownOpen}" />
                           
                            <Image
                                Source="/Abm.CustomTheme;component/Themes/RadDatePickerImage.png" UseLayoutRounding="True"
                                Width="16" Height="16" />
                                <Grid x:Name="FocusVisual" Visibility="Collapsed" Opacity="0" />
                   
                            <Rectangle x:Name="DisabledVisual" Visibility="Collapsed"
                                                    Fill="{StaticResource DisabledBrush}" />
                            <ContentPresenter Margin="{TemplateBinding Padding}" />
                        </Grid>
                       
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <!-- MoveLeftButtonStyle -->
        <Style x:Key="MoveLeftButtonStyle" TargetType="RepeatButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RepeatButton">
                        <Grid>
                           
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Opacity"
                                                    Storyboard.TargetName="OuterBorderPressed">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Opacity"
                                                    Storyboard.TargetName="OuterBorderOver">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetProperty="Opacity"
                                                Storyboard.TargetName="OuterBorderPressed">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetProperty="Opacity"
                                                Storyboard.TargetName="OuterBorderOver">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused" />
                                    <VisualState x:Name="Unfocused" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                           
                            <Grid Cursor="Hand">

                                <!-- MouseOver -->
                                <Border
                                    x:Name="OuterBorderOver"
                                    Opacity="0"
                                    BorderThickness="1" CornerRadius="2"
                                    BorderBrush="{StaticResource HeaderButton_BorderBrush_Over}"
                                    Background="{StaticResource HeaderButton_Background_Over}">
                                   
                                    <Border
                                        x:Name="InnerBorderOver"
                                        BorderThickness="1" CornerRadius="1"
                                        BorderBrush="{StaticResource HeaderButton_InnerBorderBrush_Over}"/>
                                       
                                </Border>

                                <!-- MousePressed -->
                                <Border
                                    x:Name="OuterBorderPressed"
                                    Opacity="0"
                                    BorderThickness="1" CornerRadius="2"
                                    BorderBrush="{StaticResource HeaderButton_BorderBrush_Pressed}"
                                    Background="{StaticResource HeaderButton_Background_Pressed}">

                                    <Border
                                        x:Name="InnerBorderPressed"
                                        BorderThickness="1" CornerRadius="1"
                                        BorderBrush="{StaticResource HeaderButton_InnerBorderBrush_Pressed}"/>

                                </Border>

                                <Path x:Name="ArrowPath" HorizontalAlignment="Center"
                                        VerticalAlignment="Center" Stretch="Fill"
                                        Fill="{StaticResource HeaderButton_NormalBrush}"
                                        Data="F1 M5,0 L0,4.5 L5,9 Z"
                                        Width="5" Height="9">

                                </Path>
                            </Grid>
                        </Grid>
                       
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <!-- MoveRightButtonStyle -->
        <Style x:Key="MoveRightButtonStyle" TargetType="RepeatButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RepeatButton">
                        <Grid>
                           
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Opacity"
                                                    Storyboard.TargetName="OuterBorderPressed">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Opacity"
                                                    Storyboard.TargetName="OuterBorderOver">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetProperty="Opacity"
                                                Storyboard.TargetName="OuterBorderPressed">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetProperty="Opacity"
                                                Storyboard.TargetName="OuterBorderOver">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused" />
                                    <VisualState x:Name="Unfocused" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                           
                            <Grid Cursor="Hand">
                                <Rectangle Fill="Transparent" />

                                <!-- MouseOver -->
                                <Border
                                    x:Name="OuterBorderOver"
                                    Opacity="0"
                                    BorderThickness="1" CornerRadius="2"
                                    BorderBrush="{StaticResource HeaderButton_BorderBrush_Over}"
                                    Background="{StaticResource HeaderButton_Background_Over}">

                                    <Border
                                        x:Name="InnerBorderOver"
                                        BorderThickness="1" CornerRadius="1"
                                        BorderBrush="{StaticResource HeaderButton_InnerBorderBrush_Over}"/>

                                </Border>

                                <!-- MousePressed -->
                                <Border
                                    x:Name="OuterBorderPressed"
                                    Opacity="0"
                                    BorderThickness="1" CornerRadius="2"
                                    BorderBrush="{StaticResource HeaderButton_BorderBrush_Pressed}"
                                    Background="{StaticResource HeaderButton_Background_Pressed}">

                                    <Border
                                        x:Name="InnerBorderPressed"
                                        BorderThickness="1" CornerRadius="1"
                                        BorderBrush="{StaticResource HeaderButton_InnerBorderBrush_Pressed}"/>

                                </Border>

                                <Path Cursor="Hand" x:Name="ArrowPath" HorizontalAlignment="Center"
                                        VerticalAlignment="Center" Stretch="None"
                                        Fill="{StaticResource HeaderButton_NormalBrush}"
                                        Data="F1 M 0,0 L 5,4.5 L0,9 Z"
                                        Width="5" Height="9" />
                            </Grid>
                        </Grid>
                       
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <!-- HeaderButtonStyle -->
        <Style x:Key="HeaderButtonStyle" TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid x:Name="RootElement" Margin="0" Background="Transparent">
                           
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Unfocused" />
                                    <VisualState x:Name="Focused" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="MouseOver" />
                                    <VisualState x:Name="Pressed" />
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Opacity"
                                                    Storyboard.TargetName="buttonContent">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0.5" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                           
                            <Rectangle Fill="Transparent" />
                           
                            <ContentControl x:Name="buttonContent" HorizontalAlignment="Center"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5"
                                    Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" />
                           
                           
                        </Grid>
                       
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Foreground" Value="{StaticResource HeaderForegroundBrush}" />
            <Setter Property="Cursor" Value="Hand"></Setter>

        </Style>

        <!-- CalendarTemplate -->
        <ControlTemplate TargetType="telerikInput:RadCalendar" x:Key="CalendarTemplate">
            <Grid>
               
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal" />
                        <VisualState x:Name="Disabled">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility"
                                        Storyboard.TargetName="DisabledVisual">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible" />
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
               
                <!--Content -->

                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <!--Background -->
                    <Border Grid.RowSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" />
               
                    <!--Header background: -->
                    <Border
                        BorderBrush="{StaticResource HeaderOuterBorderBrush}"
                        BorderThickness="1" >
                       
                        <Border
                            BorderBrush="{StaticResource HeaderBorderBrush}"
                            Background="{StaticResource HeaderBackgroundBrush}"
                            BorderThickness="1" />
                       
                    </Border>

                    <!-- Header -->
                    <Grid x:Name="header" Visibility="{TemplateBinding HeaderVisibility}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                       
                        <Button
                            x:Name="Header"
                            Grid.Column="1"
                            Padding="10 0 10 0"
                            Foreground="Black"
                            Style="{StaticResource HeaderButtonStyle}" />
                       
                        <RepeatButton
                            x:Name="MoveLeft"
                            Grid.Column="0"
                            ClickMode="Release"
                            Height="18" Width="18"
                            Margin="3 5"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Center"
                            Style="{StaticResource MoveLeftButtonStyle}" />

                        <RepeatButton
                            x:Name="MoveRight"
                            Grid.Column="2"
                            ClickMode="Release"
                            Height="18" Width="18"
                            Margin="3 5"
                            HorizontalAlignment="Right"
                            VerticalAlignment="Center"
                            Style="{StaticResource MoveRightButtonStyle}"/>
                    </Grid>
                   
                    <Border Grid.Row="1" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1 0 1 1">
                        <!-- Body -->
                        <calendar:TransitionPanel ClipToBounds="True" x:Name="TransitionPanel"
                                Grid.Row="1">
                            <primitives:RadUniformGrid x:Name="MonthViews" Rows="{TemplateBinding Rows}"
                                    Columns="{TemplateBinding Columns}" />
                            <primitives:RadUniformGrid x:Name="YearViews" Rows="{TemplateBinding Rows}"
                                    Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                            <primitives:RadUniformGrid x:Name="DecadeViews" Rows="{TemplateBinding Rows}"
                                    Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                            <primitives:RadUniformGrid x:Name="CenturyViews" Rows="{TemplateBinding Rows}"
                                    Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                        </calendar:TransitionPanel>
                    </Border>
                </Grid>

                <Grid x:Name="DisabledVisual" Visibility="Collapsed">
                    <Rectangle Stretch="Fill" StrokeThickness="1" RadiusX="2" RadiusY="2"
                            Fill="{StaticResource DisabledBrush}" />
                </Grid>
            </Grid>
           
        </ControlTemplate>

        <!-- MonthViewStyle -->
        <Style TargetType="calendar:CalendarView" x:Key="MonthViewStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarView">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>

                            <Border Visibility="{TemplateBinding HeaderVisibility}" BorderThickness="0,0,0,1" BorderBrush="{StaticResource RadCalendarViewHeaderUoterBorder}" >
                                <Border BorderThickness="0,0,0,1" CornerRadius="0,0,0,0" BorderBrush="{StaticResource RadCalendarViewHeaderInnerBorder}" Background="{StaticResource RadCalendarViewHeaderInnerBackground}" />
                            </Border>
                           
                            <ContentControl Visibility="{TemplateBinding HeaderVisibility}"
                                    Content="{TemplateBinding Header}"
                                    ContentTemplate="{TemplateBinding HeaderTemplate}"
                                    Foreground="{StaticResource Header2ForegroundBrush}"
                                    HorizontalAlignment="Center" Margin="0 2 0 2" />

                            <!--Alternate rows and highlight -->
                            <Grid Grid.Row="1">
                                <Grid.RowDefinitions>
                                    <RowDefinition x:Name="HorizontalHeaderRow" Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition x:Name="VerticalHeaderColumn" Width="*" />
                                    <ColumnDefinition Width="7*" />
                                </Grid.ColumnDefinitions>

                                <Border
                                    x:Name="HorizontalHeader"
                                    Visibility="{Binding Path=HideRow,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}"
                                    BorderBrush="{StaticResource RadCalendarBorderLine}"
                                    BorderThickness="0 0 0 1"
                                    Grid.Column="1" />
                               
                                <Border
                                    x:Name="VerticalHeader"
                                    Visibility="{Binding Path=HideColumn,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}"
                                    Background="{StaticResource RadCalendarHeaderDay_Week}"
                                    Grid.RowSpan="7" />
                               
                            </Grid>
                            <ItemsPresenter Grid.Row="1" />
                           
                            <Rectangle x:Name="MinDesiredSize" Grid.RowSpan="2" Width="240" Height="155" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0" />
        </Style>

        <!-- CalendarViewStyle -->
        <Style TargetType="calendar:CalendarView" x:Key="CalendarViewStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarView">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <ContentControl Visibility="{TemplateBinding HeaderVisibility}"
                                    Content="{TemplateBinding Header}"
                                    ContentTemplate="{TemplateBinding HeaderTemplate}"
                                    Foreground="{StaticResource Header2ForegroundBrush}"
                                    HorizontalAlignment="Center" Margin="0 2 0 2" />

                            <!--Alternate rows and highlight -->
                            <Grid Grid.Row="1">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Rectangle Grid.Row="0" />
                                <Rectangle Grid.Row="2" />
                            </Grid>
                            <ItemsPresenter Grid.Row="1" />
                           
                            <Rectangle x:Name="MinDesiredSize" Grid.RowSpan="2" Width="240" Height="155" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0" />
        </Style>

        <!-- RadCalendar -->
        <Style TargetType="telerikInput:RadCalendar"
             >
            <Setter Property="Columns" Value="1" />
            <Setter Property="Rows" Value="1" />
            <Setter Property="Template" Value="{StaticResource CalendarTemplate}" />
            <Setter Property="MonthViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel  PreserveSpaceForCollapsedChildren="True" FirstColumn="1"
                                VerticalAlignment="Stretch" Rows="7" Columns="8" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="YearViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="DecadeViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="CenturyViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="MonthViewStyle" Value="{StaticResource MonthViewStyle}" />
            <Setter Property="YearViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="DecadeViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="CenturyViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="Background" Value="{StaticResource ContentBackgroundBrush}" />
            <Setter Property="BorderBrush" Value="{StaticResource BorderOuterColor}" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="10,12,10,7" />
            <Setter Property="IsEnabled" Value="True" />
            <Setter Property="ViewsHeaderVisibility" Value="Collapsed" />
        </Style>

        <!--DatePickerStyle-->
        <Style TargetType="telerikInput:RadDatePicker"
           
            >
            <Style.Setters>
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="IsEnabled" Value="True" />
                <Setter Property="BorderBrush" Value="{StaticResource BorderOuterBrush}" />
                <Setter Property="Background" Value="#FFFCFCFC" />
                <Setter Property="BorderThickness"  Value="1" />
                <Setter Property="MinHeight" Value="22" />
                <Setter Property="Padding" Value="4 0" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="telerikInput:RadDatePicker">
                            <Grid >
                           
                               
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualState x:Name="Normal" />
                                        <vsm:VisualState x:Name="MouseOver">
                                            <Storyboard Duration="0">
                                                <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetName="InnerBorder"
                                                        Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                            Value="{StaticResource FocusBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetName="RightBorder"
                                                        Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                            Value="{StaticResource FocusBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Focused">
                                            <Storyboard Duration="0">
                                                <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetName="InnerBorder"
                                                        Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                            Value="{StaticResource FocusBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetName="RightBorder"
                                                        Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                            Value="{StaticResource FocusBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Disabled">
                                            <Storyboard Duration="0">
                                                <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetName="DisabledVisual"
                                                        Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                    <!-- input valid states -->
                                    <vsm:VisualStateGroup x:Name="ValidationStates">
                                        <vsm:VisualState x:Name="Valid"/>
                                        <vsm:VisualState x:Name="InvalidUnfocused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationTooltip" Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="InvalidFocused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetName="ValidationTooltip"
                                                Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>

                                                <ObjectAnimationUsingKeyFrames
                                                Storyboard.TargetName="ValidationTooltip"
                                                Storyboard.TargetProperty="IsOpen">
                                                    <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <sys:Boolean>True</sys:Boolean>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>
                               
                                <Rectangle x:Name="DefaultSizeBox" Margin="{StaticResource RadDatePickerDefaultSizeBoxMargin}" />

                                <Border
                                    x:Name="InnerBorder"
                                    BorderThickness="1" CornerRadius="2"
                                    BorderBrush="{StaticResource BorderInnerBrushInput}"
                                    Background="{TemplateBinding Background}">
                                   
                                    <Grid x:Name="Placement">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="auto" />
                                        </Grid.ColumnDefinitions>

                                        <telerik:PickerTextBox
                                            x:Name="InputBox"
                                            Grid.Column="0"
                                            Padding="{TemplateBinding Padding}"
                                            IsReadOnly="{TemplateBinding IsReadOnly}"
                                            TabIndex="{TemplateBinding TabIndex}"
                                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                           
                                           
                                            IsTabStop="{TemplateBinding IsEnabled}"/>
                                           
                                        <ToggleButton
                                            x:Name="ToggleButtonElement"
                                            MinWidth="20"
                                            Grid.Column="1"
                                            Style="{StaticResource DateToggleButtonStyle}"
                                            IsTabStop="False"
                                            IsEnabled="{TemplateBinding IsEnabled}"
                                             />
                                       
                                        <Border
                                            x:Name="RightBorder"
                                            BorderThickness="0 0 1 0"
                                            Grid.Column="0"
                                            BorderBrush="#FFC0CBDF" />
                                           
                                    </Grid>
                                </Border>
                                <!--</Border>-->

                                <Popup
                                    x:Name="PART_Popup"
                                     >
                                   
                                    <Grid x:Name="DropDownRoot">
                                       
                                        <telerikChromes:ShadowChrome
                                                Margin="0 0 3 3" />
                                       
                                        <telerikInput:RadCalendar
                                            x:Name="CalendarElement"
                                            IsReadOnly="{TemplateBinding IsReadOnly}"
                                            Margin="0 0 3 3"
                                            AreWeekNumbersVisible="{TemplateBinding AreWeekNumbersVisible}"
                                            AreWeekNamesVisible="{TemplateBinding AreWeekNamesVisible}"
                                            Background="{TemplateBinding Background}"
                                            CalendarWeekRule="{TemplateBinding CalendarWeekRule}"
                                            CenturyViewHeaderFormat="{TemplateBinding CenturyViewHeaderFormat}"
                                            CenturyViewPanel="{TemplateBinding CenturyViewPanel}"
                                            CenturyViewStyle="{TemplateBinding CenturyViewStyle}"
                                            Columns="{TemplateBinding Columns}"
                                            Culture="{TemplateBinding Culture}"
                                            DayButtonStyle="{TemplateBinding DayButtonStyle}"
                                            DayButtonStyleSelector="{TemplateBinding DayButtonStyleSelector}"
                                            DayTemplate="{TemplateBinding DayTemplate}"
                                            DayTemplateSelector="{TemplateBinding DayTemplateSelector}"
                                            DecadeButtonStyle="{TemplateBinding DecadeButtonStyle}"
                                            DecadeButtonStyleSelector="{TemplateBinding DecadeButtonStyleSelector}"
                                            DecadeTemplate="{TemplateBinding DecadeTemplate}"
                                            DecadeTemplateSelector="{TemplateBinding DecadeTemplateSelector}"
                                            DecadeViewHeaderFormat="{TemplateBinding DecadeViewHeaderFormat}"
                                            DecadeViewPanel="{TemplateBinding DecadeViewPanel}"
                                            DecadeViewStyle="{TemplateBinding DecadeViewStyle}"
                                            DisplayDate="{TemplateBinding DisplayDate}"
                                            DisplayDateEnd="{TemplateBinding DisplayDateEnd}"
                                            DisplayDateStart="{TemplateBinding DisplayDateStart}"
                                            DisplayMode="{TemplateBinding DisplayMode}"
                                            FirstDayOfWeek="{TemplateBinding FirstDayOfWeek}"
                                            HeaderVisibility="{TemplateBinding HeaderVisibility}"
                                            IsEnabled="{TemplateBinding IsEnabled}"
                                            IsTodayHighlighted="{TemplateBinding IsTodayHighlighted}"
                                            MonthButtonStyle="{TemplateBinding MonthButtonStyle}"
                                            MonthButtonStyleSelector="{TemplateBinding MonthButtonStyleSelector}"
                                            MonthTemplate="{TemplateBinding MonthTemplate}"
                                            MonthTemplateSelector="{TemplateBinding MonthTemplateSelector}"
                                            MonthViewHeaderFormat="{TemplateBinding MonthViewHeaderFormat}"
                                            MonthViewPanel="{TemplateBinding MonthViewPanel}"
                                            MonthViewStyle="{TemplateBinding MonthViewStyle}"
                                            Orientation="{TemplateBinding Orientation}"
                                            Rows="{TemplateBinding Rows}"
                                            SelectableDateEnd="{TemplateBinding SelectableDateEnd}"
                                            SelectableDateStart="{TemplateBinding SelectableDateStart}"
                                            SelectedDate="{TemplateBinding SelectedDate}"
                                            SelectionMode="Single"
                                            ViewsHeaderVisibility="{TemplateBinding ViewsHeaderVisibility}"
                                            YearButtonStyle="{TemplateBinding YearButtonStyle}"
                                            YearButtonStyleSelector="{TemplateBinding YearButtonStyleSelector}"
                                            YearTemplate="{TemplateBinding YearTemplate}"
                                            YearTemplateSelector="{TemplateBinding YearTemplateSelector}"
                                            YearViewHeaderFormat="{TemplateBinding YearViewHeaderFormat}"
                                            YearViewPanel="{TemplateBinding YearViewPanel}"
                                            YearViewStyle="{TemplateBinding YearViewStyle}" />
                                    </Grid>
                                </Popup>
                                       
                                <Rectangle x:Name="DisabledVisual" RadiusX="3" RadiusY="3"
                                        Visibility="Collapsed" Fill="{StaticResource DisabledBrush}" />
                                   
                               
                                <telerikChromes:ValidationTooltip x:Name="ValidationTooltip"
                                        Visibility="Collapsed"
                                        DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}">
                                </telerikChromes:ValidationTooltip>
                               
                                   
                            </Grid>
                           
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="Background" Value="{StaticResource ContentBackgroundBrush}" />
                <Setter Property="Columns" Value="1" />
                <Setter Property="Rows" Value="1" />
                <Setter Property="MonthViewPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <calendar:CalendarPanel ChildrenFlow="Horizontal"
                                    PreserveSpaceForCollapsedChildren="True" Rows="7" Columns="8"
                                    FirstColumn="1" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="YearViewPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                    VerticalAlignment="Stretch" Rows="3" Columns="4" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="DecadeViewPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                    VerticalAlignment="Stretch" Rows="3" Columns="4" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="CenturyViewPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True"
                                    VerticalAlignment="Stretch" Rows="3" Columns="4" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="MonthViewStyle" Value="{StaticResource MonthViewStyle}" />
                <Setter Property="ViewsHeaderVisibility" Value="Collapsed" />
            </Style.Setters>
        </Style>

        <!-- CalendarView -->
        <Style TargetType="calendar:CalendarView"
             >
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarView">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <ContentControl Visibility="{TemplateBinding HeaderVisibility}"
                                    Content="{TemplateBinding Header}"
                                    ContentTemplate="{TemplateBinding HeaderTemplate}"
                                    Foreground="{StaticResource Header2ForegroundBrush}"
                                    HorizontalAlignment="Center" Margin="0 2 0 2" />

                            <!--Alternate rows and highlight -->
                            <Grid Grid.Row="1">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Rectangle Grid.Row="0" />
                                <Rectangle Grid.Row="2" />
                            </Grid>
                            <ItemsPresenter Grid.Row="1" />
                           
                            <Rectangle x:Name="MinDesiredSize" Grid.RowSpan="2" Width="240" Height="155" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0" />
        </Style>

        <!-- CalendarButton -->
        <Style TargetType="calendar:CalendarButton"
            >
           
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarButton">
                        <Grid>
                           
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="IsInAnotherView" />
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Foreground"
                                                    Storyboard.TargetName="NormalText">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.1"
                                                        Value="{StaticResource DisabledForegroundBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal">
                                        <Storyboard>

                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="IsNotFromCurrentView">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="opacity"
                                                    Storyboard.TargetName="NormalText">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.1"
                                                        Value="0.5" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="ButtonType">
                                    <VisualState x:Name="Year" />
                                    <VisualState x:Name="Decade" />
                                    <VisualState x:Name="Date" />
                                    <VisualState x:Name="WeekName">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Foreground"
                                                    Storyboard.TargetName="NormalText">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.1"
                                                        Value="{StaticResource Header2ForegroundBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="WeekNumber">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Foreground"
                                                    Storyboard.TargetName="NormalText">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.1"
                                                        Value="{StaticResource Header2ForegroundBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="TodayDate">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Visibility"
                                                    Storyboard.TargetName="OuterBorderCurrent">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                        Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Month" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Unfocused" />
                                    <VisualState x:Name="Focused" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected">
                                    </VisualState>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="BorderBrush"
                                                        Storyboard.TargetName="OuterBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                            Value="{StaticResource RadCalendarItem_OuterBorder_Over}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="BorderBrush"
                                                        Storyboard.TargetName="InnerBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                            Value="{StaticResource RadCalendarItem_InnerBorder_Over}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Background"
                                                        Storyboard.TargetName="OuterBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                            Value="{StaticResource RadCalendarItem_Background_Over}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Selected">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetProperty="Visibility"
                                                    Storyboard.TargetName="OuterBorderSelected">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                        Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                           

                            <Border
                                    x:Name="OuterBorderCurrent"
                                    Visibility="Collapsed"
                                    Margin="0 0 -1 -1"
                                    BorderThickness="1"
                                    CornerRadius="2"
                                    BorderBrush="{StaticResource RadCalendarItem_OuterBorder_Current}"
                                    Background="{StaticResource RadCalendarItem_Background_Current}">

                                <Border
                                        x:Name="InnerBorderCurrent"
                                        BorderThickness="1"
                                        BorderBrush="{StaticResource RadCalendarItem_InnerBorder_Current}">

                                </Border>
                            </Border>
                           
                            <Border
                                    x:Name="OuterBorder"
                                    Margin="1 1 0 0"
                                    BorderThickness="1"
                                    CornerRadius="2"
                                    BorderBrush="Transparent"
                                    Background="Transparent">

                                <Border
                                        x:Name="InnerBorder"
                                        BorderThickness="1"
                                        BorderBrush="Transparent">

                                </Border>
                            </Border>

                            <Border
                                    x:Name="OuterBorderSelected"
                                    Visibility="Collapsed"
                                    Margin="1 1 0 0"
                                    BorderThickness="1"
                                    CornerRadius="2"
                                    BorderBrush="{StaticResource RadCalendarItem_OuterBorder_Selected}"
                                    Background="{StaticResource RadCalendarItem_Background_Selected}">

                                <Border
                                        x:Name="InnerBorderSelected"
                                        BorderThickness="1"
                                        BorderBrush="{StaticResource RadCalendarItem_InnerBorder_Selected}">

                                </Border>
                            </Border>

                           
                           
                            <ContentControl x:Name="NormalText" HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Content="{TemplateBinding Content}"
                                Foreground="{TemplateBinding Foreground}"
                                ContentTemplate="{TemplateBinding ContentTemplate}" />
                           
                            <Rectangle StrokeThickness="1" Visibility="Collapsed" x:Name="FocusVisual"
                                Stroke="{StaticResource FocusBrushBlack}" RadiusX="2" RadiusY="2" Margin="1" StrokeDashArray="1 2"
                                
                                UseLayoutRounding="true"
                                 >
                            </Rectangle>
                        </Grid>
                       
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        

    </ResourceDictionary>
  2. Answer
    Dani
    Admin
    Dani avatar
    848 posts

    Posted 28 Jul 2010 Link to this post

    Hi Fabiana,

    In Calendar.xaml, please search for the following Button:

    <Button
                            x:Name="Header"
                            Grid.Column="1"
                            Padding="10 0 10 0"
                            Foreground="Black"
                            Style="{StaticResource HeaderButtonStyle}" />

    Change the Foreground property from Black to whatever color you wish your header to be.

    If you need further help, please get back to us and we will gladly assist you.


    Sincerely yours,
    Dani
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
  4. Fabiana
    Fabiana avatar
    69 posts
    Member since:
    Oct 2009

    Posted 28 Jul 2010 Link to this post

    Dani,

    Thank you very much!! Perfect!!
Back to Top