Hide main header when using multiple columns

8 posts, 1 answers
  1. Rob
    Rob avatar
    3 posts
    Member since:
    Apr 2012

    Posted 17 May 2012 Link to this post

    We are using the WPF RadCalendar to show two months side by side. We have ViewsHeaderVisibility set to Visible so that the individual month header is displayed on each calendar. The default header top bar is still displayed spanning both calendars with the first month as the title. What we want to do is hide the default header as it is confusing to have the month displayed twice. Is there an easy way to do this?
  2. Answer
    Ivo
    Admin
    Ivo avatar
    390 posts

    Posted 22 May 2012 Link to this post

    Hello Rob,

    The one way to achieve this is to set the HeaderVisibility property to collapsed and this will completely remove the header. However I guess that you will not want to remove the previous/next navigation buttons. If I am right you will have to edit the RadCalendar's template and delete the button with the month name. You can find a sample project attached.

    Regards,
    Ivo
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. Rob
    Rob avatar
    3 posts
    Member since:
    Apr 2012

    Posted 22 May 2012 Link to this post

    The edited template looks like the way we will have to go.

    Do you know what element in the edited template I could update to change the border around the calendar views? We're also trying to use the Expression_Dark theme and it doesn't have enough contrast between the two calendar views we display. Thanks.
  4. Ivo
    Admin
    Ivo avatar
    390 posts

    Posted 23 May 2012 Link to this post

    Hello Rob,

    I would suggest you to find the MonthCalendarViewControlTemplate into the RadCalendar's style and add a border around its main Grid container. You can find a sample project attached.

    Greetings,
    Ivo
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  5. Rob
    Rob avatar
    3 posts
    Member since:
    Apr 2012

    Posted 06 Jun 2012 Link to this post

    Thank you for the help. One (hopefully) final question. What would be the easiest way to convert the new template to use the colors for the Expression_Dark theme, or idealy to respect the theme of the calendar control itself.

  6. Ivo
    Admin
    Ivo avatar
    390 posts

    Posted 08 Jun 2012 Link to this post

    Hello Rob,

    In order to have the Expression_Dark theme you will have to edit the template that is inside the Telerik.Windows.Controls.Input.xaml resource file responsible for the Expression_Dark theme. You can find this file under your installation folder. It should be something like:
    C:\Program Files (x86)\Telerik\RadControls for WPF Q1 2012 SP1\Themes\WPF40\ExpressionDark\Themes

    You can also find this file included into the previous project I sent you.

    Regards,
    Ivo
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  7. Sachin
    Sachin avatar
    1 posts
    Member since:
    Aug 2019

    Posted 12 Aug 2019 Link to this post

    This solution is not working for me. I am using Telerik control version 2015.3.930.45 and wanted to style it like attached. Can you provide solution to me.

    1. Remove main header.

    2. Move Navigation button next to the sub headers.

    3. Remove all the border around the calendar.

    4. Select the range.

  8. Dilyan Traykov
    Admin
    Dilyan Traykov avatar
    1068 posts

    Posted 15 Aug 2019 Link to this post

    Hello Sachin,

    To achieve the desired result, you need to modify the default control template of the RadCalendar control for the theme you're using.

    For your convenience, I've prepared a small sample project where I've done this for the Windows8 theme. All changes of interest can be found in the App.xaml file.

    Please have a look and let me know if you find this helpful in achieving the same result at your end.

    Regards,
    Dilyan Traykov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top