Custom style for Rad Calander

4 posts, 0 answers
  1. Ashu
    Ashu avatar
    7 posts
    Member since:
    Apr 2014

    Posted 11 Apr 2014 Link to this post

    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
  2. Masha
    Masha avatar
    355 posts

    Posted 15 Apr 2014 Link to this post

    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.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. Parul
    Parul avatar
    1 posts
    Member since:
    Aug 2014

    Posted 06 Aug 2014 in reply to Masha Link to this post


    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.

  4. Masha
    Masha avatar
    355 posts

    Posted 08 Aug 2014 Link to this post

    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();

    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.

    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
Back to Top