Styling RadCalendar

7 posts, 0 answers
  1. Devin
    Devin avatar
    4 posts
    Member since:
    Jan 2013

    Posted 18 Jan 2013 Link to this post

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

    Posted 23 Jan 2013 Link to this post

    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.

  3. UI for WPF is Visual Studio 2017 Ready
  4. Devin
    Devin avatar
    4 posts
    Member since:
    Jan 2013

    Posted 31 Jan 2013 Link to this post

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

    Posted 01 Feb 2013 Link to this post

    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.

  6. Devin
    Devin avatar
    4 posts
    Member since:
    Jan 2013

    Posted 01 Feb 2013 Link to this post

    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
  7. Devin
    Devin avatar
    4 posts
    Member since:
    Jan 2013

    Posted 01 Feb 2013 Link to this post

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

    Posted 04 Feb 2013 Link to this post

    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.

Back to Top
UI for WPF is Visual Studio 2017 Ready