This project has moved and is read-only. For the latest updates, please go here.

change DateTimeUpDown background OnMouseOver and IsPressed

Mar 20, 2014 at 8:04 AM
Hey,
i have a TimePicker in my app, and u managed to style all of except for the up and down buttons in the DateTimeUpDown control inside the TimePicker.
I already found out that the DateTimeUpDown contains a ButtonSpinner that contains those two RepeatButton(s) but i can't manage to create the triggers for themand when i'm hovering with the mouse over them or clicking the colors stays like default in windows.

can anyone help?
thnks,
JB
Developer
Mar 21, 2014 at 9:20 PM
Hi,

Try this :
<Window x:Class="WpfApplication23.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:themes="clr-namespace:Xceed.Wpf.Toolkit.Themes;assembly=Xceed.Wpf.Toolkit"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        Title="MainWindow" Height="350" Width="525">
   <Window.Resources>
      <Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}"
             TargetType="RepeatButton">
         <Setter Property="Background"
                 Value="Red" />
      </Style>
   </Window.Resources>
    
   <Grid>
         <xctk:TimePicker x:Name="_timePicker"
                             Height="22"
                             Width="150"/>
   </Grid>
</Window>
It will affect all ButtonSpinners.
Mar 23, 2014 at 10:24 AM
i have the style source in my resource dictionary:
<Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}" 
          TargetType="RepeatButton">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="2,2" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="RepeatButton">
                    <Grid
                        Name="Grid">
                        <chrome:ButtonChrome x:Name="Chrome"
                                       BorderBrush="{TemplateBinding BorderBrush}" 
                                       Background="{TemplateBinding Background}"                                                                  
                                       CornerRadius="{DynamicResource {x:Static themes:ResourceKeys.SpinButtonCornerRadiusKey}}"
                                       RenderEnabled="{TemplateBinding IsEnabled}"
                                       RenderMouseOver="{TemplateBinding IsMouseOver}"
                                       RenderNormal="True"
                                       RenderPressed="{TemplateBinding IsPressed}"
                                       SnapsToDevicePixels="true" >
                        </chrome:ButtonChrome>

                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Margin="{TemplateBinding Padding}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
but when i tried to add the event triggers under ControlTemplate.Triggers they simply doesn't work...
any idea?
Developer
Mar 24, 2014 at 1:24 PM
Hi,

Try not setting the ButtonChrome Render properties. These properties will modify its colors on MouseOver, MousePressed....

To it yourself in the Template Property :
<Setter Property="Template">
            <Setter.Value>
               <ControlTemplate TargetType="RepeatButton">
                  <Grid Name="Grid">
                     <chrome:ButtonChrome x:Name="Chrome"
                                          BorderBrush="{TemplateBinding BorderBrush}"
                                          Background="{TemplateBinding Background}"
                                          CornerRadius="{DynamicResource {x:Static themes:ResourceKeys.SpinButtonCornerRadiusKey}}"
                                          SnapsToDevicePixels="true">
                     </chrome:ButtonChrome>

                     <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                       Margin="{TemplateBinding Padding}" />
                  </Grid>
                 <ControlTemplate.Triggers>
                     <Trigger Property="IsMouseOver"
                              Value="True">
                        <Setter Property="Background"
                                Value="Blue" />
                     </Trigger>
                  </ControlTemplate.Triggers>
               </ControlTemplate>
            </Setter.Value>
         </Setter>
Mar 24, 2014 at 2:05 PM
tried what you said but its still not working.
showing the default windows bright white instead of the color i set on the trigger.
Developer
Mar 24, 2014 at 9:23 PM
Hi,

It is working in my test application. We got to have something different.
If you set the "Background" property to "Red" before setting the "Template" property, do you see the RepeatButtons with a Red background ?
If not, I may ask you the complete XAML code.
Mar 25, 2014 at 2:27 PM
Hi,
the background won't change even when i set the RepeatButton Background property to red in the ButtonSpinner style.
have a look:
    <DataTemplate x:Key="DefaultWatermarkTemplate">
        <ContentControl Content="{Binding}" Foreground="Gray" Focusable="False" Margin="0,0,3,0" />
    </DataTemplate>

    <Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}" 
          TargetType="RepeatButton">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="2,2" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="RepeatButton">
                    <Grid
                        Name="Grid">
                        <chrome:ButtonChrome x:Name="Chrome"
                                       BorderBrush="{TemplateBinding BorderBrush}" 
                                       Background="{TemplateBinding Background}"                                                                  
                                       CornerRadius="{DynamicResource {x:Static themes:ResourceKeys.SpinButtonCornerRadiusKey}}"
                                       SnapsToDevicePixels="true" >
                        </chrome:ButtonChrome>

                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Margin="{TemplateBinding Padding}" />
                    </Grid>
                </ControlTemplate>

            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type local:ButtonSpinner}">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Blue" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Focusable" Value="False" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="Padding" Value="1" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:ButtonSpinner}">
                    <Border x:Name="Border" SnapsToDevicePixels="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" >
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <ContentPresenter Focusable="False" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />

                            <Grid Grid.Column="1" Visibility="{TemplateBinding ShowButtonSpinner, Converter={StaticResource BooleanToVisibilityConverter}}" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <RepeatButton x:Name="PART_IncreaseButton"
                                   Background="Red"
                                   Style="{DynamicResource {x:Static themes:ResourceKeys.SpinnerButtonStyleKey}}"
                                   IsTabStop="{TemplateBinding IsTabStop}" ContentTemplate="{StaticResource IncreaseGlyphNormalKey}" >
                                </RepeatButton>

                                <RepeatButton x:Name="PART_DecreaseButton"
                                   Grid.Row="1"
                                   Style="{DynamicResource {x:Static themes:ResourceKeys.SpinnerButtonStyleKey}}"
                                   IsTabStop="{TemplateBinding IsTabStop}" ContentTemplate="{StaticResource DecreaseGlyphNormalKey}" />

                            </Grid>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" Value="{DynamicResource {x:Static themes:ResourceKeys.ControlDisabledBackgroundKey}}" />
                        </Trigger>
                        <Trigger SourceName="PART_IncreaseButton" Property="IsEnabled" Value="False">
                            <Setter TargetName="PART_IncreaseButton" Property="ContentTemplate" Value="{StaticResource IncreaseGlyphDisabledKey}" />
                        </Trigger>
                        <Trigger SourceName="PART_DecreaseButton" Property="IsEnabled" Value="False">
                            <Setter TargetName="PART_DecreaseButton" Property="ContentTemplate" Value="{StaticResource DecreaseGlyphDisabledKey}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
Developer
Mar 26, 2014 at 1:48 PM
Edited Mar 26, 2014 at 1:48 PM
Hi,

From what I see, if you want to modify the repeat buttons, you can only set the style for
<Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}"
             TargetType="RepeatButton">
data goes here, including setting a Red Background
</Style>
and remove the
<Style TargetType="{x:Type local:ButtonSpinner}">
The other option is redefining the ButtonSpinner. In that case, you don't need to define
<Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}"
             TargetType="RepeatButton">
You can only define
<Style TargetType="{x:Type local:ButtonSpinner}">
but what is local ? Are you trying to define another ButtonSpinner ? try replacing "local" for "xctk", which is
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
This way, the ButtonSpinner located in the DatetimeUpDown will use this ButtonSpinner (including the red Background you set), You will also need to declare the following for this style to compile (they are a copy of ButtonSpinner/Themes/Aero2.NormalColor.xaml):
 <Geometry x:Key="UpArrowGeometry">M 0,3 C0,3 0,4 0,4 0,4 3,4 3,4 3,4 3,3 3,3 3,3 4,3 4,3 4,3 4,4 4,4 4,4 7,4 7,4 7,4 7,3 7,3 7,3 6,3 6,3 6,3 6,2 6,2 6,2 5,2 5,2 5,2 5,1 5,1 5,1 4,1 4,1 4,1 4,0 4,0 4,0 3,0 3,0 3,0 3,1 3,1 3,1 2,1 2,1 2,1 2,2 2,2 2,2 1,2 1,2 1,2 1,3 1,3 1,3 0,3 0,3 z</Geometry>
      <Geometry x:Key="DownArrowGeometry">M 0,1 C0,1 0,0 0,0 0,0 3,0 3,0 3,0 3,1 3,1 3,1 4,1 4,1 4,1 4,0 4,0 4,0 7,0 7,0 7,0 7,1 7,1 7,1 6,1 6,1 6,1 6,2 6,2 6,2 5,2 5,2 5,2 5,3 5,3 5,3 4,3 4,3 4,3 4,4 4,4 4,4 3,4 3,4 3,4 3,3 3,3 3,3 2,3 2,3 2,3 2,2 2,2 2,2 1,2 1,2 1,2 1,1 1,1 1,1 0,1 0,1 z</Geometry>
      <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
      <DataTemplate x:Key="IncreaseGlyphNormalKey">
         <Path Width="7"
               Height="4"
               Data="{StaticResource UpArrowGeometry}"
               Fill="{DynamicResource {x:Static themes:ResourceKeys.GlyphNormalForegroundKey}}"
               SnapsToDevicePixels="True"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"
               Focusable="False" />
      </DataTemplate>
      <DataTemplate x:Key="DecreaseGlyphNormalKey">
         <Path Width="7"
               Height="4"
               Data="{StaticResource DownArrowGeometry}"
               Fill="{DynamicResource {x:Static themes:ResourceKeys.GlyphNormalForegroundKey}}"
               SnapsToDevicePixels="True"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"
               Focusable="False" />
      </DataTemplate>
Apr 3, 2014 at 11:23 AM
local is the same namespace as yours.
i'm not trying to define a new SpinnerButton, just to style it a little bit.
i didn't get what i should do... remove the ButtonSpinner style and keep only the RepeatButton style?
btw i encountered another problem, if i open the ListBox and select an item from the list the mouse click event
goes down the visual tree to the control behind it(if exist) any idea how can i suppress it from doing that?
Developer
Apr 11, 2014 at 7:31 PM
Hi,

Here's a solution on how to modify the RepeatButtons background when they are mousedOver or pressed :
<Window x:Class="WpfApplication34.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        xmlns:themes="clr-namespace:Xceed.Wpf.Toolkit.Themes;assembly=Xceed.Wpf.Toolkit"
        Title="MainWindow" Height="350" Width="525">
   <Window.Resources>
      <Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}"
             TargetType="RepeatButton">
         <Setter Property="Background"
                 Value="Red" />
         <Setter Property="BorderBrush"
                 Value="Black" />
         <Setter Property="BorderThickness"
                 Value="1" />
         <Setter Property="Padding"
                 Value="2,2" />
         <Setter Property="Template">
            <Setter.Value>
               <ControlTemplate TargetType="RepeatButton">
                  <Grid>
                     <xctk:ButtonChrome x:Name="Chrome"
                                          BorderBrush="{TemplateBinding BorderBrush}"
                                          Background="{TemplateBinding Background}"
                                          CornerRadius="{DynamicResource {x:Static themes:ResourceKeys.SpinButtonCornerRadiusKey}}"
                                          SnapsToDevicePixels="true" />

                     <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                       Margin="{TemplateBinding Padding}" />
                  </Grid>
                  <ControlTemplate.Triggers>
                     <Trigger Property="IsMouseOver"
                              Value="True">
                        <Setter Property="Background"
                                Value="Green" />
                     </Trigger>
                     <Trigger Property="IsPressed"
                              Value="True">
                        <Setter Property="Background"
                                Value="Blue" />
                     </Trigger>
                  </ControlTemplate.Triggers>
               </ControlTemplate>
            </Setter.Value>
         </Setter>
      </Style>

   </Window.Resources>
    <Grid>
      <xctk:TimePicker Width="150"
                                  Height="22" />
   </Grid>
</Window>
For the 2nd problem (Mouse click on control behind the TimePicker), I can't reproduce. Can you show a sample of how to reproduce ? I use a TimePicker with a Big Button behind and the Button never calls it's click callback when selecting a time from the TimePicker's listBox.
Apr 13, 2014 at 7:30 AM
i guess the problem is with me... i'm using a couple of resource dictionaries so i guess something is blocking the repeat button new style.
thanks for the help though.

Jonathan
Jul 17, 2015 at 1:44 PM
Edited Jul 17, 2015 at 1:48 PM
BoucherS wrote:
Hi,

Here's a solution on how to modify the RepeatButtons background when they are mousedOver or pressed :
<Window x:Class="WpfApplication34.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        xmlns:themes="clr-namespace:Xceed.Wpf.Toolkit.Themes;assembly=Xceed.Wpf.Toolkit"
        Title="MainWindow" Height="350" Width="525">
   <Window.Resources>
      <Style x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type themes:ResourceKeys}, ResourceId=SpinnerButtonStyleKey}"
             TargetType="RepeatButton">
         <Setter Property="Background"
                 Value="Red" />
         <Setter Property="BorderBrush"
                 Value="Black" />
         <Setter Property="BorderThickness"
                 Value="1" />
         <Setter Property="Padding"
                 Value="2,2" />
         <Setter Property="Template">
            <Setter.Value>
               <ControlTemplate TargetType="RepeatButton">
                  <Grid>
                     <xctk:ButtonChrome x:Name="Chrome"
                                          BorderBrush="{TemplateBinding BorderBrush}"
                                          Background="{TemplateBinding Background}"
                                          CornerRadius="{DynamicResource {x:Static themes:ResourceKeys.SpinButtonCornerRadiusKey}}"
                                          SnapsToDevicePixels="true" />

                     <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                       Margin="{TemplateBinding Padding}" />
                  </Grid>
                  <ControlTemplate.Triggers>
                     <Trigger Property="IsMouseOver"
                              Value="True">
                        <Setter Property="Background"
                                Value="Green" />
                     </Trigger>
                     <Trigger Property="IsPressed"
                              Value="True">
                        <Setter Property="Background"
                                Value="Blue" />
                     </Trigger>
                  </ControlTemplate.Triggers>
               </ControlTemplate>
            </Setter.Value>
         </Setter>
      </Style>

   </Window.Resources>
    <Grid>
      <xctk:TimePicker Width="150"
                                  Height="22" />
   </Grid>
</Window>
Greetings BoucherS, the code you posted works for the small spinner buttons, can you post the code that targets the bigger drop down buttons that are to the right of the spinner buttons. So the color change affects the spinner and drop down buttons.
Developer
Jul 27, 2015 at 4:00 PM
Hi,

To style the DropDownButton (the one opening the popup), you can re-write the ButtonChrome template :
<Style TargetType="{x:Type xctk:ButtonChrome}">
         <Setter Property="Background"
                 Value="Red" />
         <Setter Property="Template">
            <Setter.Value>
               <ControlTemplate TargetType="{x:Type xctk:ButtonChrome}">
                  <Grid>

                     <Border x:Name="OuterBorder"
                             BorderThickness="{TemplateBinding BorderThickness}"
                             CornerRadius="{TemplateBinding CornerRadius}"
                             BorderBrush="{TemplateBinding BorderBrush}"
                             Background="{TemplateBinding Background}" />

                     <ContentPresenter Margin="{TemplateBinding Padding}"
                                       IsEnabled="{TemplateBinding IsEnabled}"
                                       Content="{TemplateBinding Content}"
                                       ContentStringFormat="{TemplateBinding ContentStringFormat}"
                                       ContentTemplate="{TemplateBinding ContentTemplate}"
                                       ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}" />

                  </Grid>
                  <ControlTemplate.Triggers>

                     <!-- If button is disabled, not checked, and is rendered normal -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderEnabled"
                                      Value="False" />
                           <Condition Property="RenderChecked"
                                      Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonDisabledOuterBorderKey}}" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ControlDisabledBackgroundKey}}" />
                     </MultiTrigger>

                     <!-- if button is enabled and pressed -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderEnabled"
                                      Value="True" />
                           <Condition Property="RenderPressed"
                                      Value="True" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonPressedOuterBorderKey}}" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="Blue" />
                     </MultiTrigger>

                     <!-- if button is enabled, is not checked, the mouse is over, and not pressed -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderEnabled"
                                      Value="True" />
                           <Condition Property="RenderChecked"
                                      Value="False" />
                           <Condition Property="RenderMouseOver"
                                      Value="True" />
                           <Condition Property="RenderPressed"
                                      Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonMouseOverOuterBorderKey}}" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="Green" />
                     </MultiTrigger>

                     <!-- if button is enabled, checked, the mouse is not over, and it is not pressed -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderEnabled"
                                      Value="True" />
                           <Condition Property="RenderChecked"
                                      Value="True" />
                           <Condition Property="RenderMouseOver"
                                      Value="False" />
                           <Condition Property="RenderPressed"
                                      Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonPressedOuterBorderKey}}" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="Blue" />
                     </MultiTrigger>

                     <!-- if button is focused, is enabled, not pressed, and the mouse is not over -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderFocused"
                                      Value="True" />
                           <Condition Property="RenderEnabled"
                                      Value="True" />
                           <Condition Property="RenderPressed"
                                      Value="False" />
                           <Condition Property="RenderMouseOver"
                                      Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonFocusedOuterBorderKey}}" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="{DynamicResource {x:Static themes:ResourceKeys.ButtonFocusedBackgroundKey}}" />
                     </MultiTrigger>

                     <!-- if not rendered normally -->
                     <MultiTrigger>
                        <MultiTrigger.Conditions>
                           <Condition Property="RenderNormal"
                                      Value="False" />
                           <Condition Property="RenderChecked"
                                      Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter TargetName="OuterBorder"
                                Property="BorderBrush"
                                Value="Transparent" />
                        <Setter TargetName="OuterBorder"
                                Property="Background"
                                Value="Transparent" />
                     </MultiTrigger>

                  </ControlTemplate.Triggers>
               </ControlTemplate>
            </Setter.Value>
         </Setter>
      </Style>
Jul 28, 2015 at 1:40 PM
Thanks for the updated code. Is this code block capable of determining the spinner buttons 'Normal color', it determines their highlight color only, but it does set the 'Normal and highlight color' for the dropdown button as requested.