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

Styling RadCalendar

6 Answers 246 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Devin
Top achievements
Rank 1
Devin asked on 18 Jan 2013, 03:45 PM
Hey,

I'm working on a project that requires that I style the various elements of the RadCalendar to match the rest of the application. I've attached a mock-up of what the goal style is.

It seems that I'll need to remove the header and move the navigation buttons to the headers for the left and right-most month headers, but I'm not sure how to go about doing that as I'm not terribly well versed with Telerik on the whole (basically my first time using it) and would really appreciate any advice.

Thanks,
-Devin

6 Answers, 1 is accepted

Sort by
0
Masha
Telerik team
answered on 23 Jan 2013, 01:13 PM
Hello Devin,

You can easily style parts of RadCalendar using implicit styles.
To achieve the desired look you can use Summer Theme or Windows8 Theme. You need to make some modifications inside the ControlTemplate of RadCalendar to fit the described scenario and to customize some brushes.

In the attached project I demonstrated how to style RadCalendar using Windows8 Theme.
I removed main header and put arrows next to month header. I hope it will be helpful.

Kind regards,
Maria
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Devin
Top achievements
Rank 1
answered on 31 Jan 2013, 08:53 PM
Hi Maria,

Thanks for your help, it's been very useful. I have another question for you though. I'm running into an issue where if I select a date in the future the calendar will automatically shift the months such that the right most month is now the left most and all the dates between today's date and the date under the cursor are selected. 

For Example, if I were selecting March 20th the calendar would shift to show March, April and May and select all the dates between today's date and May 20th. I'm trying to determine if this is an issue with the calendar control itself or not because even when I comment out my code behind related to the selection of dates this continues to occur.

Thanks,
-Devin
0
Masha
Telerik team
answered on 01 Feb 2013, 10:40 AM
Hello Devin,

I had a look at the project I've sent to you and could not reproduce the described issue. Please could you send me some screenshots or a runnable sample that reproduces this behavior and I will investigate it further?

I'm looking forward to hearing from you.

Kind regards,
Maria
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Devin
Top achievements
Rank 1
answered on 01 Feb 2013, 01:29 PM
Hi Maria,

I was a little off about the behaviour. In the attached images I hover my mouse over the 10th of April, and when I click it selects every date from the 10th to the 5th of June (which is the date under the mouse after the whole month shift).

Thanks for looking into this.

Sincerely,
-Devin
0
Devin
Top achievements
Rank 1
answered on 01 Feb 2013, 08:02 PM
Maria, perhaps this is an issue with the version of Telerik I'm using on this project; we're on version 2012.1.326.40 and it looks as if you're running 2012.3.1129.40 in the example file you gave. 
0
Masha
Telerik team
answered on 04 Feb 2013, 09:28 AM
Hi Devin,

I was able to reproduce the issue with 2012.1.326 version of RadControls for WPF.  It has already been fixed in 2012 Q2 SP1 (2012.2 725). Unfortunately there is no workaround for this issue. You should upgrade to the service pack and the problem should not occur any more.
 
I hope this information helps. Don't hesitate to contact us if you have other questions.

Kind regards,
Maria
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
Calendar
Asked by
Devin
Top achievements
Rank 1
Answers by
Masha
Telerik team
Devin
Top achievements
Rank 1
Share this question
or