title: NavBar Customization
body: <p>I have been working on this navbar for hours. What I want to do is make the background blue and the foreground white. Can some one tell me how to customize the code below in order to achieve this.
  I am using Visual Studios Silverlight. This control is coming from DevExpress. I have tried doing the background Blue several times and it does not work. Also, Foreground is not an option when trying to change the NavBar Header.</p>
  
  <pre><code>&lt;dxn:NavBarControl x:Name="navBar1" Margin="10"&gt;
                  &lt;dxn:NavBarControl.View&gt;
                      &lt;dxn:SideBarView/&gt;
                  &lt;/dxn:NavBarControl.View&gt;
                  &lt;dxn:NavBarGroup Header="Financial Indicators"&gt;
                      &lt;dxn:NavBarItem &gt;
                          &lt;StackPanel Orientation="Vertical"&gt;
                              &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Center"&gt;
                                  &lt;localmetric:EBIT x:Name="ebit" Width="410" Margin="10" Foreground="#FF0042FF"/&gt;
                                  &lt;localmetric:ROIC x:Name="roic" Width="410" Margin="10" Foreground="#FF0042FF"/&gt;
                              &lt;/StackPanel&gt;
                              &lt;localmetric:FinancialRatios x:Name="financialratio" Width="800" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/&gt;
                              &lt;localmetric:CashFlow x:Name="cashflow" Width="500" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/&gt;
  
                          &lt;/StackPanel&gt;
                      &lt;/dxn:NavBarItem&gt;
  
                  &lt;/dxn:NavBarGroup&gt;
                  &lt;dxn:NavBarGroup Header="Efficiency"&gt;
                      &lt;dxn:NavBarItem &gt;
                          &lt;StackPanel Orientation="Vertical"&gt;
                              &lt;localmetric:Efficiency1 x:Name="efficiency1" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/&gt;
                              &lt;localmetric:Efficiency2 x:Name="efficiency2" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/&gt;
                              &lt;localmetric:Efficiency3 x:Name="efficiency3" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/&gt;
                          &lt;/StackPanel&gt;
                      &lt;/dxn:NavBarItem&gt;
                  &lt;/dxn:NavBarGroup&gt;
  </code></pre>