Custom style for Rad Calander

[Ashu]

Hi , First of all thanks for providing such a wonderful set of controls.

I am currently evaluating your controls for our companies need. One of my client wanted calendar look exactly like he provided in design.   
For that I am want to change style of Rad Calendar but I cant find style sheets for calendar control anywhere. I am currently using telerik windows 8 theme right now.

Please check attached document and let me know how can I accomplish this task and make your wonderful control even better.

Thanks and Regars
SRV 

[Masha]

Hi Shrikrushna,

We ship all the Styles and control templates inside Themes.Implicit folders of your personal installation.
For RadCalendar, go to Telerik.Windows.Controls.Input.xaml file of desired theme and search for RadCalendarStyle - this is the default style for the RadCalendar control.

I recommend you to use Implicit styling approach to achieve the described scenario. This way you can make any modifications of the ControlTemplates more easily as you do not need to copy all the resources referenced in these templates.

Hope this helps.

Regards,
Masha
Telerik

 

 

[Parul]

Hi,

I am trying to modify inbuilt theme using Modifying a Built-In Theme from documentation.

I have followed all the steps. I want to change the header color of RadCalander. 

This is what I have updated :

01.<!--Changing this Background="{StaticResource HeaderBackground}" To Background = "#4D7496"-->
02.                       <Border x:Name="Navigation"
03.                               Margin="0 0 0 -1"
04.                               Canvas.ZIndex="2"
05.                               Visibility="{TemplateBinding HeaderVisibility}"
06.                               BorderThickness="{StaticResource CalendarHeaderBorderThickness}"
07.                               CornerRadius="{StaticResource CalendarHeaderOuterCornerRadius}"
08.                               BorderBrush="{StaticResource HeaderOuterBorder}"
09.                               Background="#4D7496">
10.                           <Border
11.                                   BorderThickness="{StaticResource CalendarHeaderBorderThickness}"
12.                                   BorderBrush="{StaticResource HeaderInnerBorder}"
13.                                   CornerRadius="{StaticResource CalendarHeaderInnerCornerRadius}"
14.                                   Padding="{TemplateBinding Padding}">
15.                               <Grid>
16.                                   <Grid.ColumnDefinitions>
17.                                       <ColumnDefinition Width="Auto"/>
18.                                       <ColumnDefinition Width="*"/>
19.                                       <ColumnDefinition Width="Auto"/>
20.                                   </Grid.ColumnDefinitions>
21.                                   <RepeatButton x:Name="MoveLeft" Grid.Column="0" Style="{StaticResource MoveLeftButtonStyle}"/>
22.                                   <Button x:Name="Header" Grid.Column="1" Style="{StaticResource CalendarHeaderButton}"/>
23.                                   <RepeatButton x:Name="MoveRight" Grid.Column="2" Style="{StaticResource MoveRightButtonStyle}"/>
24.                               </Grid>
25.                           </Border>
26.                       </Border>

I also added new dll in project but it did not change the color. Please see attached file.

[Masha]

Hi Parul,

The provided code snippet is correct and this is the necessary change to modify the background of RadCalendar header. Can you confirm have you done all listed points:

- You have used Xaml binaries
- You have modified Themes solution, not Themes.Implicit one
- You have applied Vista theme above the InitializeComponent definition likethe code snippet below

{
    Telerik.Windows.Controls.StyleManager.ApplicationTheme = new Telerik.Windows.Controls.VistaTheme();
    InitializeComponent();
}

However we recommend using ImplicitStyles approach instead of StyleManager. More information about the differences between these two approaches you can find in this blog post article.

Hope this helps.

Regards,
Masha
Telerik