This is a migrated thread and some comments may be shown as answers.

Hide main header when using multiple columns

7 Answers 59 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Rob asked on 17 May 2012, 07:54 AM
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?

7 Answers, 1 is accepted

Sort by
0
Accepted
Ivo
Telerik team
answered on 22 May 2012, 01:26 PM
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 >>

0
Rob
Top achievements
Rank 1
answered on 23 May 2012, 02:08 AM
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.
0
Ivo
Telerik team
answered on 23 May 2012, 02:13 PM
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 >>

0
Rob
Top achievements
Rank 1
answered on 06 Jun 2012, 05:38 AM
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.

0
Ivo
Telerik team
answered on 08 Jun 2012, 07:49 AM
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 >>

0
Sachin
Top achievements
Rank 1
answered on 12 Aug 2019, 09:22 AM

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.

0
Dilyan Traykov
Telerik team
answered on 15 Aug 2019, 08:06 AM
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.
Tags
Calendar
Asked by
Rob
Top achievements
Rank 1
Answers by
Ivo
Telerik team
Rob
Top achievements
Rank 1
Sachin
Top achievements
Rank 1
Dilyan Traykov
Telerik team
Share this question
or