Styling the RadTimePicker

4 posts, 1 answers
  1. Rebecca
    Rebecca avatar
    28 posts
    Member since:
    Nov 2010

    Posted 02 Nov 2011 Link to this post

    I am styling the RadTimePicker so that it looks and feels the same as the rest of my application.
    I am trying to style the DateTimePickerClock that is displayed when you want to select a time.
    I cannot figure out how to change the highlight color for the Items (the times) displayed in the clock.
    Right now when I hover over an item it is highlighted as Yellow but since the application's colours are black, blue and grey, this doesn't fit in with the colour scheme at all.

    Thank you for your help,

    -Rebecca
  2. Answer
    Dani
    Admin
    Dani avatar
    848 posts

    Posted 03 Nov 2011 Link to this post

    Hello Rebecca,

    You can customize the display and states of the RadClockItem by editing the ClockStyle of RadDateTimePicker. In Expression Blend, generate the ClockStyle of the control. This style contains an ItemContainerStyle that targets the RadClockItem. It contains a MouseOverVisual and a SelectedVisual which are responsible for the states of the clock item. You can customize these elements to fit your design.

    If you need more help on this issue, please let me know.

    All the best,
    Dani
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Rebecca
    Rebecca avatar
    28 posts
    Member since:
    Nov 2010

    Posted 03 Nov 2011 Link to this post

    Thank you for your help.
    I was able to edit the RadCalendar  style to get the styling XAML for for the ItemContainerStyle.
    I then moved this style into they style for the DateTimePickerClock and everything worked well.

  5. Rebecca
    Rebecca avatar
    28 posts
    Member since:
    Nov 2010

    Posted 03 Nov 2011 Link to this post

    Thank you for your help.
    I was able to edit the RadCalendar  style to get the styling XAML for for the ItemContainerStyle.
    I then moved this style into they style for the DateTimePickerClock and everything worked well.
Back to Top