title: Triggers inside User Control WPF Child Elements included
body: <pre><code>&lt;UserControl x:Class="my.Resources.NavButtons"
               xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
               xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
               xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
               xmlns:local="clr-namespace:myProject.Resources"
               xmlns:fa="clr-namespace:Meziantou.WpfFontAwesome;assembly=Meziantou.WpfFontAwesome"
               mc:Ignorable="d" 
               d:DesignHeight="450" d:DesignWidth="800"&gt;
      &lt;UserControl.Resources&gt;
          &lt;Style TargetType="{x:Type local:NavButtons}"&gt;
              &lt;!-- Trying to set a hover like trigger here. --&gt;
              &lt;Style.Triggers&gt;
                  &lt;Trigger Property="IsMouseOver" Value="true"&gt;
                      &lt;!-- Change background of main border--&gt;
                      &lt;Setter Property="Background" Value="{StaticResource Secondary}"/&gt;
                      &lt;!-- Change foreground color here --&gt;
                      &lt;Setter Property="Foreground" Value="{StaticResource hFontColor}"/&gt;
                      &lt;!-- Change border thickness color here --&gt;
                      &lt;Settter Property="BorderBrush" Value="{StaticResource LiteBlue}"/&gt;
                  &lt;/Trigger&gt;
              &lt;/Style.Triggers&gt;
          &lt;/Style&gt;
      &lt;/UserControl.Resources&gt;
              &lt;Border Background="{StaticResource Primary}" BorderThickness="4,0,0,0" Height="30" Cursor="Hand"&gt;
                  &lt;Border Padding="0 5 0 5"&gt;
                      &lt;Grid&gt;
                          &lt;Grid.ColumnDefinitions&gt;
                              &lt;ColumnDefinition Width="*" /&gt;
                              &lt;ColumnDefinition Width="5*" /&gt;
                          &lt;/Grid.ColumnDefinitions&gt;
                  &lt;fa:FontAwesomeIcon Grid.Column="0" SolidIcon="{Binding Icon}" Foreground="{StaticResource pFontColor}" /&gt;
                  &lt;TextBlock Grid.Column="1" Text="{Binding Text}"  Foreground="{StaticResource pFontColor}" FontSize="16" HorizontalAlignment="Left" VerticalAlignment="Center"/&gt;
                      &lt;/Grid&gt;
                  &lt;/Border&gt;
              &lt;/Border&gt;
  
  &lt;/UserControl&gt; 
  </code></pre>
  
  <p>I'm just working with UserControls and trying to figure out how to get triggers to work on my entire "Button" seamlessly, and maybe with animation but I'll work with that later.</p>
  
  <p>Can anyone explain to me more what I'm doing wrong here with the triggers? As currently when the mouse is over the object it does nothing that is set in the trigger. I'm thinking it's not targeting the correct property within the main button. Do I need to add more to the target type?</p>