RadDatePicker styling

4 posts, 0 answers
  1. Stephan
    Stephan avatar
    29 posts
    Member since:
    May 2013

    Posted 08 Jan 2014 Link to this post

    Hi Telerik-Team,

    I'm trying to change some colors in the RadDatePicker to something like shown in the attached screenshot:

    - background color of the RadDatePicker popup
    - background color of the item rectangles (day, month, year)
    - foreground color (text color of title & day/month/year list) always white
    - (optional) appbar color

    Is this possible? So far I tried to style the RadDateSelector but only got as far as changing the background color of this control. Unfortunately (but obviously) this does not change the color of the whole background.

    Any help is highly appreciated.

    Kind Regards,
    Stephan
  2. Ivo
    Admin
    Ivo avatar
    90 posts

    Posted 09 Jan 2014 Link to this post

    Hi,
    Please have a look at the documentation for DatePicker- here is a brief list how to style each of its components: http://www.telerik.com/help/windows-phone/raddatepicker-styles-and-templates-styling-raddatepicker.html .

    Regards,
    Ivo
    Telerik
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  3. DevCraft banner
  4. Stephan
    Stephan avatar
    29 posts
    Member since:
    May 2013

    Posted 09 Jan 2014 Link to this post

    Hi Ivo,

    thanks for your answer. I've been looking into the documentation before writing into this forum and I've only been able to change the background color of the DateSelector.

    Currently, I don't know how to use your documentation to find out what the target type in the style for the day/month/year list is. Also there is no hint on what property to use for the popup backup.

    Could you please point me to the correct info?

    Regards,
    Stephan
  5. Deyan
    Admin
    Deyan avatar
    2037 posts

    Posted 13 Jan 2014 Link to this post

    Hello Stephan,

    Thanks for writing back.

    I am attaching a simple Windows Phone project where the RadDatePicker is styled in a way similar to your requirements. It should get you started in styling the control as needed.

    Here's a basic description of what I did:

    1. Extracted the control template of RadDateSelector to get the default styles for the Looping Lists inside it.
    2. From the default styles of the LoopingLists I extracted the default style for the Looping Items.
    3. Extracted the default style of RadDatePicker, adjusted it so that the background of the popup is Blue (for demo purposes).
    4. Adjusted the default style of the RadDateSelector with the looping lists inside it by applying the Looping Item's style with new Visual States.

    I must admit this approach is a bit difficult and we will think about simplifying the way the DatePicker can be completely restyled.

    Let me know if you have additional questions.

    Regards,
    Deyan
    Telerik
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
Back to Top
DevCraft banner