DateTimePicker styling

2 posts, 0 answers
  1. Ralph
    Ralph avatar
    17 posts
    Member since:
    May 2011

    Posted 02 May 2011 Link to this post

    Using this code

    <telerik:RadTimePicker x:Name="startTimePicker" Width="80" telerik:StyleManager.Theme="{StaticResource customClock}" >
                                        <StackPanel />

    I would get this UI result:  (See oldtelerik ui.png as I am not sure how to link it)

    Now it seems I need to use the RadTimePicker.ClockStyle like this:
    <telerik:RadTimePicker x:Name="startTimePicker" Width="80" telerik:StyleManager.Theme="{StaticResource customClock}" >
                                    <Style TargetType="telerik:RadClock">
                                        <Setter Property="ItemsPanel">

    But this second one gives me something that looks very different. (See newtelerik ui.png)

    So, how do I achieve the old look that I had using the new ClockStyle?

    All of the documentation seems to be using the old ClockPanel and HeaderContent and are unhelpful as those things seem to be gone in the new version.

  2. Dani
    Dani avatar
    848 posts

    Posted 04 May 2011 Link to this post

    Hi Ralph,

    Since Q2 2010 (July 2010)  the RadTimePicker control is part of the RadDateTimePicker control and considerable changes were made. Please, use the RadDateTimePicker online documentation for reference. The RadTimePicker documentation will be revised and updated where needed.

    To accomplish the look that you previously used for RadTimePicker, find attached  an illustrative example of how you can customize the RadTimePicker with the ClockStyle.

    I hope this helps.

    All the best,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top