How do you style the Clear and Close buttons on a RadTimeSpanPicker?

[Chuck]

I am using the RadTimeSpanPicker to choose a duration, and I'd like to style the Clear and Close buttons to match the Run New Objective button.  How can I access the button styles?

Thanks,

Chuck

[Stenly]

Hello Chuck,

To achieve this requirement, extract the default ControlTemplate of the RadTimeSpanPicker control and locate the two RadButton instances with x:Name="PART_Clear" and x:Name="PART_Close". After that, it can be applied via an implicit Style to affect all instances or via an explicit one to affect only specific ones.

An important thing here is that these buttons are retrieved internally, so they should not be removed. Generally, this is the case when elements inside our default ControlTemplates contain the "PART_" prefix. 

Optionally, you could extract the default ControlTemplate of the RadButton element and customize it, in order to have more control over the customization to achieve the result from the shared image.

With this being said, I hope the provided information will be of help to you.

Regards,
Stenly
Progress Telerik

[Chuck]

Thanks, Stenly.  I extracted the RadButton template and put it in the Resources section of my control, but the buttons in the RadTimeSpanPicker didn't change.  Here is what I'm using:   

        <Style x:Key="RadButtonStyle" TargetType="telerik:RadButton">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Background" Value="{StaticResource SymboticDarkGreen}"/>
            <Setter Property="BorderBrush" Value="{StaticResource SymboticDarkGreen}"/>
            <Setter Property="CornerRadius" Value="5"/>
            <Setter Property="Padding" Value="4"/>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
        </Style>

Can you please tell me what I'm doing wrong?

[Chuck]

.