From 3715b3bdfd5ec567c6ef6bc8e5239db88d59127f Mon Sep 17 00:00:00 2001
From: timunie <47110241+timunie@users.noreply.github.com>
Date: Wed, 5 Jun 2019 18:01:15 +0200
Subject: [PATCH 1/4] Wraped the demo pages in a scrollviewer for a better user
 expierience

Added scollviewer wirh Scrollbarvisibility set to Auto, except for the item-controls. There the vertical scrollviewer is set to disabled to prevent an infinite long page
---
 .../MahApps.Metro.Demo/MainWindow.xaml        | 65 +++++++++++++++----
 1 file changed, 52 insertions(+), 13 deletions(-)

diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
index 85ce7042c9..54f6063d7b 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
@@ -239,43 +239,82 @@
 
         <Controls:MetroAnimatedSingleRowTabControl x:Name="MainTabControl" Grid.Row="1">
             <TabItem Header="buttons">
-                <exampleViews:ButtonsExample DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:ButtonsExample DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="text">
-                <exampleViews:TextExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:TextExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="dates">
-                <exampleViews:DateExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:DateExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="selection">
-                <exampleViews:SelectionExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:SelectionExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="sliders">
-                <exampleViews:Sliders DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:Sliders DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="progress">
-                <exampleViews:ProgressBars DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:ProgressBars DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="splitview">
-                <exampleViews:SplitViewExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:SplitViewExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="hamburger">
-                <exampleViews:HamburgerMenuSample DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:HamburgerMenuSample DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="tabcontrol">
-                <exampleViews:TabControlExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:TabControlExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="datagrid">
-                <exampleViews:DataGridExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:DataGridExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="tiles">
-                <exampleViews:TilesExample DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:TilesExample DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="colors">
-                <exampleViews:ColorExample DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:ColorExample DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
             <TabItem Header="others">
-                <exampleViews:OtherExamples DataContext="{Binding}" />
+                <ScrollViewer VerticalScrollBarVisibility="Auto" 
+                              HorizontalScrollBarVisibility="Auto">
+                    <exampleViews:OtherExamples DataContext="{Binding}" />
+                </ScrollViewer>
             </TabItem>
         </Controls:MetroAnimatedSingleRowTabControl>
 

From 0fbc51d527d1c218264d4bbaecf7bacf87f63d45 Mon Sep 17 00:00:00 2001
From: punker76 <punkerat76@gmail.com>
Date: Wed, 5 Jun 2019 22:19:20 +0200
Subject: [PATCH 2/4] (GH-3521) Improve the ScrollViewer usage

---
 .../ExampleViews/ColorExample.xaml            |   74 +-
 .../ExampleViews/ProgressBars.xaml            |  406 ++--
 .../ExampleViews/SelectionExamples.xaml       |  524 ++---
 .../ExampleViews/Sliders.xaml                 | 1850 ++++++++---------
 .../ExampleViews/SplitViewExamples.xaml       |  108 +-
 .../ExampleViews/TabControlExamples.xaml      |  747 ++++---
 .../ExampleViews/TilesExample.xaml            |  164 +-
 .../MahApps.Metro.Demo/MainWindow.xaml        |   64 +-
 src/MahApps.Metro/Themes/MetroTabControl.xaml |   21 +-
 9 files changed, 1976 insertions(+), 1982 deletions(-)

diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ColorExample.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ColorExample.xaml
index bc197ac42b..c46073acef 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ColorExample.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ColorExample.xaml
@@ -11,43 +11,41 @@
              d:DesignWidth="800"
              mc:Ignorable="d">
 
-    <ScrollViewer Margin="15">
-        <ItemsControl Margin="5"
-                      Grid.IsSharedSizeScope="True"
-                      ItemsSource="{Binding BrushResources}">
-            <ItemsControl.ItemTemplate>
-                <DataTemplate>
-                    <Grid MinHeight="40"
-                          Margin="0 5"
-                          ToolTip="{Binding}">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" SharedSizeGroup="BrushHex" />
-                            <ColumnDefinition Width="*" />
-                        </Grid.ColumnDefinitions>
-                        <Ellipse x:Name="BrushResource"
-                                 Grid.Column="0"
-                                 Width="30"
-                                 Height="30"
-                                 Stroke="{DynamicResource GrayBrush2}">
-                            <i:Interaction.Behaviors>
-                                <behaviors:BindableResourceBehavior ResourceName="{Binding}" Property="{x:Static Shape.FillProperty}" />
-                            </i:Interaction.Behaviors>
-                        </Ellipse>
-                        <TextBlock Grid.Column="1"
-                                   Margin="10"
-                                   VerticalAlignment="Center"
-                                   FontSize="{DynamicResource NormalFontSize}"
-                                   Text="{Binding ElementName=BrushResource, Path=(Shape.Fill)}" />
-                        <TextBlock Grid.Column="2"
-                                   Margin="10"
-                                   VerticalAlignment="Center"
-                                   FontSize="{DynamicResource NormalFontSize}"
-                                   Text="{Binding}" />
-                    </Grid>
-                </DataTemplate>
-            </ItemsControl.ItemTemplate>
-        </ItemsControl>
-    </ScrollViewer>
+    <ItemsControl Margin="10"
+                  Grid.IsSharedSizeScope="True"
+                  ItemsSource="{Binding BrushResources}">
+        <ItemsControl.ItemTemplate>
+            <DataTemplate>
+                <Grid MinHeight="40"
+                      Margin="0 5"
+                      ToolTip="{Binding}">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="Auto" SharedSizeGroup="BrushHex" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+                    <Ellipse x:Name="BrushResource"
+                             Grid.Column="0"
+                             Width="30"
+                             Height="30"
+                             Stroke="{DynamicResource GrayBrush2}">
+                        <i:Interaction.Behaviors>
+                            <behaviors:BindableResourceBehavior ResourceName="{Binding}" Property="{x:Static Shape.FillProperty}" />
+                        </i:Interaction.Behaviors>
+                    </Ellipse>
+                    <TextBlock Grid.Column="1"
+                               Margin="10"
+                               VerticalAlignment="Center"
+                               FontSize="{DynamicResource NormalFontSize}"
+                               Text="{Binding ElementName=BrushResource, Path=(Shape.Fill)}" />
+                    <TextBlock Grid.Column="2"
+                               Margin="10"
+                               VerticalAlignment="Center"
+                               FontSize="{DynamicResource NormalFontSize}"
+                               Text="{Binding}" />
+                </Grid>
+            </DataTemplate>
+        </ItemsControl.ItemTemplate>
+    </ItemsControl>
 
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ProgressBars.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ProgressBars.xaml
index 97869ce86d..f9a571feb8 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ProgressBars.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ProgressBars.xaml
@@ -29,216 +29,212 @@
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <Grid>
-        <ScrollViewer>
-            <StackPanel Margin="10" Orientation="Vertical">
+    <StackPanel Margin="10" Orientation="Vertical">
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="ProgressBar">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Slider x:Name="ProgressValueSlider01"
-                                    Width="250"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    Value="25" />
-                            <ProgressBar Width="250"
-                                         Margin="4"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
-                            <ProgressBar Width="250"
-                                         Height="15"
-                                         Margin="4"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+        <Controls:MetroHeader Margin="0 0 0 10" Header="ProgressBar">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Slider x:Name="ProgressValueSlider01"
+                            Width="250"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            Value="25" />
+                    <ProgressBar Width="250"
+                                 Margin="4"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+                    <ProgressBar Width="250"
+                                 Height="15"
+                                 Margin="4"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
 
-                            <CheckBox x:Name="IsVisibleCheckBox01"
-                                      Width="250"
-                                      Margin="4"
-                                      Content="IsVisible"
-                                      IsChecked="True" />
-                            <CheckBox x:Name="IsIndeterminateCheckBox01"
-                                      Width="250"
-                                      Margin="4"
-                                      Content="IsIndeterminate"
-                                      IsChecked="True" />
-                            <ProgressBar Width="250"
-                                         Margin="4"
-                                         IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox01, Path=IsChecked}"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Visibility="{Binding ElementName=IsVisibleCheckBox01, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
-                        </StackPanel>
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <ProgressBar Height="250"
-                                         Margin="4"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Orientation="Vertical"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
-                            <ProgressBar Width="15"
-                                         Height="250"
-                                         Margin="4"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Orientation="Vertical"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
-                            <ProgressBar Height="250"
-                                         Margin="4"
-                                         IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox01, Path=IsChecked}"
-                                         Maximum="100"
-                                         Minimum="0"
-                                         Orientation="Vertical"
-                                         Visibility="{Binding ElementName=IsVisibleCheckBox01, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
-                                         Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+                    <CheckBox x:Name="IsVisibleCheckBox01"
+                              Width="250"
+                              Margin="4"
+                              Content="IsVisible"
+                              IsChecked="True" />
+                    <CheckBox x:Name="IsIndeterminateCheckBox01"
+                              Width="250"
+                              Margin="4"
+                              Content="IsIndeterminate"
+                              IsChecked="True" />
+                    <ProgressBar Width="250"
+                                 Margin="4"
+                                 IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox01, Path=IsChecked}"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Visibility="{Binding ElementName=IsVisibleCheckBox01, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+                </StackPanel>
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <ProgressBar Height="250"
+                                 Margin="4"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Orientation="Vertical"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+                    <ProgressBar Width="15"
+                                 Height="250"
+                                 Margin="4"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Orientation="Vertical"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+                    <ProgressBar Height="250"
+                                 Margin="4"
+                                 IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox01, Path=IsChecked}"
+                                 Maximum="100"
+                                 Minimum="0"
+                                 Orientation="Vertical"
+                                 Visibility="{Binding ElementName=IsVisibleCheckBox01, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
+                                 Value="{Binding ElementName=ProgressValueSlider01, Path=Value}" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="MetroProgressBar">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Slider x:Name="ProgressValueSlider02"
-                                    Width="250"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    Value="25" />
-                            <Controls:MetroProgressBar Width="250"
-                                                       Margin="4"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
-                            <Controls:MetroProgressBar Width="250"
-                                                       Height="15"
-                                                       Margin="4"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+        <Controls:MetroHeader Margin="0 0 0 10" Header="MetroProgressBar">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Slider x:Name="ProgressValueSlider02"
+                            Width="250"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            Value="25" />
+                    <Controls:MetroProgressBar Width="250"
+                                               Margin="4"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+                    <Controls:MetroProgressBar Width="250"
+                                               Height="15"
+                                               Margin="4"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
 
-                            <CheckBox x:Name="IsVisibleCheckBox02"
-                                      Width="250"
-                                      Margin="4"
-                                      Content="IsVisible"
-                                      IsChecked="True" />
-                            <CheckBox x:Name="IsIndeterminateCheckBox02"
-                                      Width="250"
-                                      Margin="4"
-                                      Content="IsIndeterminate"
-                                      IsChecked="True" />
-                            <Controls:MetroProgressBar Width="250"
-                                                       Margin="4"
-                                                       IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox02, Path=IsChecked}"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Visibility="{Binding ElementName=IsVisibleCheckBox02, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
-                        </StackPanel>
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Controls:MetroProgressBar Height="250"
-                                                       Margin="4"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Orientation="Vertical"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
-                            <Controls:MetroProgressBar Width="15"
-                                                       Height="250"
-                                                       Margin="4"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Orientation="Vertical"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
-                            <Controls:MetroProgressBar Height="250"
-                                                       Margin="4"
-                                                       IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox02, Path=IsChecked}"
-                                                       Maximum="100"
-                                                       Minimum="0"
-                                                       Orientation="Vertical"
-                                                       Visibility="{Binding ElementName=IsVisibleCheckBox02, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
-                                                       Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
-
-                <Controls:MetroHeader Margin="0 0 0 10" Header="ProgressRing">
-                    <StackPanel MinHeight="150"
-                                Margin="10 0"
-                                Orientation="Vertical">
-                        <StackPanel Margin="4"
-                                    HorizontalAlignment="Left"
-                                    Orientation="Horizontal">
-                            <CheckBox x:Name="IsActiveCheckBox"
-                                      MinWidth="100"
-                                      Margin="4"
-                                      Content="IsActive"
-                                      IsChecked="True" />
-                            <CheckBox x:Name="IsLargeCheckBox"
-                                      MinWidth="100"
-                                      Margin="4"
-                                      Content="IsLarge"
-                                      IsChecked="True" />
-                            <CheckBox x:Name="IsVisibleCheckBox03"
-                                      MinWidth="100"
-                                      Margin="4"
-                                      Content="IsVisible"
-                                      IsChecked="True" />
-                        </StackPanel>
-                        <StackPanel Margin="4"
-                                    HorizontalAlignment="Left"
-                                    Orientation="Horizontal">
-                            <Controls:ProgressRing IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
-                                                   IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
-                                                   Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
-                            <Controls:ProgressRing Width="40"
-                                                   Height="40"
-                                                   IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
-                                                   IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
-                                                   ToolTip="Magic happens!"
-                                                   Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
-                            <Controls:ProgressRing Width="20"
-                                                   Height="20"
-                                                   IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
-                                                   IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
-                                                   Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
-                        </StackPanel>
-                    </StackPanel>
-                </Controls:MetroHeader>
+                    <CheckBox x:Name="IsVisibleCheckBox02"
+                              Width="250"
+                              Margin="4"
+                              Content="IsVisible"
+                              IsChecked="True" />
+                    <CheckBox x:Name="IsIndeterminateCheckBox02"
+                              Width="250"
+                              Margin="4"
+                              Content="IsIndeterminate"
+                              IsChecked="True" />
+                    <Controls:MetroProgressBar Width="250"
+                                               Margin="4"
+                                               IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox02, Path=IsChecked}"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Visibility="{Binding ElementName=IsVisibleCheckBox02, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+                </StackPanel>
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Controls:MetroProgressBar Height="250"
+                                               Margin="4"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Orientation="Vertical"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+                    <Controls:MetroProgressBar Width="15"
+                                               Height="250"
+                                               Margin="4"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Orientation="Vertical"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+                    <Controls:MetroProgressBar Height="250"
+                                               Margin="4"
+                                               IsIndeterminate="{Binding ElementName=IsIndeterminateCheckBox02, Path=IsChecked}"
+                                               Maximum="100"
+                                               Minimum="0"
+                                               Orientation="Vertical"
+                                               Visibility="{Binding ElementName=IsVisibleCheckBox02, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}"
+                                               Value="{Binding ElementName=ProgressValueSlider02, Path=Value}" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
+        <Controls:MetroHeader Margin="0 0 0 10" Header="ProgressRing">
+            <StackPanel MinHeight="150"
+                        Margin="10 0"
+                        Orientation="Vertical">
+                <StackPanel Margin="4"
+                            HorizontalAlignment="Left"
+                            Orientation="Horizontal">
+                    <CheckBox x:Name="IsActiveCheckBox"
+                              MinWidth="100"
+                              Margin="4"
+                              Content="IsActive"
+                              IsChecked="True" />
+                    <CheckBox x:Name="IsLargeCheckBox"
+                              MinWidth="100"
+                              Margin="4"
+                              Content="IsLarge"
+                              IsChecked="True" />
+                    <CheckBox x:Name="IsVisibleCheckBox03"
+                              MinWidth="100"
+                              Margin="4"
+                              Content="IsVisible"
+                              IsChecked="True" />
+                </StackPanel>
+                <StackPanel Margin="4"
+                            HorizontalAlignment="Left"
+                            Orientation="Horizontal">
+                    <Controls:ProgressRing IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
+                                           IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
+                                           Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
+                    <Controls:ProgressRing Width="40"
+                                           Height="40"
+                                           IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
+                                           IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
+                                           ToolTip="Magic happens!"
+                                           Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
+                    <Controls:ProgressRing Width="20"
+                                           Height="20"
+                                           IsActive="{Binding ElementName=IsActiveCheckBox, Path=IsChecked}"
+                                           IsLarge="{Binding ElementName=IsLargeCheckBox, Path=IsChecked}"
+                                           Visibility="{Binding ElementName=IsVisibleCheckBox03, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}" />
+                </StackPanel>
             </StackPanel>
-        </ScrollViewer>
-    </Grid>
+        </Controls:MetroHeader>
+
+    </StackPanel>
 
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SelectionExamples.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SelectionExamples.xaml
index 0a92ec1cda..8dad34f24d 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SelectionExamples.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SelectionExamples.xaml
@@ -12,276 +12,292 @@
 
     <TabControl Margin="10" TabStripPlacement="Left">
         <TabItem Header="ListBox">
-            <UniformGrid Columns="2" Rows="2">
-                <ListBox Margin="2"
-                         Controls:ScrollViewerHelper.EndOfVerticalScrollReachedCommand="{Binding EndOfScrollReachedCmdWithParameter, Mode=OneWay}"
-                         BorderThickness="1"
-                         DisplayMemberPath="Name"
-                         ItemsSource="{Binding Artists}"
-                         SelectedIndex="0"
-                         Style="{StaticResource VirtualisedMetroListBox}" />
-                <ListBox Margin="2"
-                         BorderThickness="1"
-                         DisplayMemberPath="Title"
-                         IsEnabled="False"
-                         ItemsSource="{Binding Albums}"
-                         SelectedIndex="0"
-                         Style="{StaticResource VirtualisedMetroListBox}" />
+            <ScrollViewer Margin="2"
+                          HorizontalScrollBarVisibility="Auto"
+                          VerticalScrollBarVisibility="Disabled">
+                <UniformGrid Columns="2" Rows="2">
+                    <ListBox Margin="2"
+                             Controls:ScrollViewerHelper.EndOfVerticalScrollReachedCommand="{Binding EndOfScrollReachedCmdWithParameter, Mode=OneWay}"
+                             BorderThickness="1"
+                             DisplayMemberPath="Name"
+                             ItemsSource="{Binding Artists}"
+                             SelectedIndex="0"
+                             Style="{StaticResource VirtualisedMetroListBox}" />
+                    <ListBox Margin="2"
+                             BorderThickness="1"
+                             DisplayMemberPath="Title"
+                             IsEnabled="False"
+                             ItemsSource="{Binding Albums}"
+                             SelectedIndex="0"
+                             Style="{StaticResource VirtualisedMetroListBox}" />
 
-                <ListBox Margin="2" SelectedIndex="0">
-                    <ListBoxItem Content="Item 1" />
-                    <ListBoxItem Content="Item 2" />
-                    <ListBoxItem Content="Item 3" />
-                </ListBox>
-                <ListBox Margin="2"
-                         IsEnabled="False"
-                         SelectedIndex="0">
-                    <ListBoxItem Content="Item 1" />
-                    <ListBoxItem Content="Item 2" />
-                    <ListBoxItem Content="Item 3" />
-                </ListBox>
-            </UniformGrid>
+                    <ListBox Margin="2" SelectedIndex="0">
+                        <ListBoxItem Content="Item 1" />
+                        <ListBoxItem Content="Item 2" />
+                        <ListBoxItem Content="Item 3" />
+                    </ListBox>
+                    <ListBox Margin="2"
+                             IsEnabled="False"
+                             SelectedIndex="0">
+                        <ListBoxItem Content="Item 1" />
+                        <ListBoxItem Content="Item 2" />
+                        <ListBoxItem Content="Item 3" />
+                    </ListBox>
+                </UniformGrid>
+            </ScrollViewer>
         </TabItem>
 
         <TabItem Header="List/GridView">
-            <UniformGrid Columns="2" Rows="2">
-                <ListView Margin="2"
-                          BorderThickness="1"
-                          ItemsSource="{Binding Artists}"
-                          SelectedIndex="0"
-                          Style="{StaticResource VirtualisedMetroListView}">
-                    <ListView.View>
-                        <GridView>
-                            <GridViewColumn DisplayMemberBinding="{Binding ArtistId}" Header="ID" />
-                            <GridViewColumn DisplayMemberBinding="{Binding Name}" Header="artist" />
-                        </GridView>
-                    </ListView.View>
-                </ListView>
-                <ListView Margin="2"
-                          BorderThickness="1"
-                          IsEnabled="False"
-                          ItemsSource="{Binding Artists}"
-                          SelectedIndex="0"
-                          Style="{StaticResource VirtualisedMetroListView}">
-                    <ListView.View>
-                        <GridView>
-                            <GridViewColumn DisplayMemberBinding="{Binding ArtistId}" Header="ID" />
-                            <GridViewColumn DisplayMemberBinding="{Binding Name}" Header="artist" />
-                        </GridView>
-                    </ListView.View>
-                </ListView>
+            <ScrollViewer Margin="2"
+                          HorizontalScrollBarVisibility="Auto"
+                          VerticalScrollBarVisibility="Disabled">
+                <UniformGrid Columns="2" Rows="2">
+                    <ListView Margin="2"
+                              BorderThickness="1"
+                              ItemsSource="{Binding Artists}"
+                              SelectedIndex="0"
+                              Style="{StaticResource VirtualisedMetroListView}">
+                        <ListView.View>
+                            <GridView>
+                                <GridViewColumn DisplayMemberBinding="{Binding ArtistId}" Header="ID" />
+                                <GridViewColumn DisplayMemberBinding="{Binding Name}" Header="artist" />
+                            </GridView>
+                        </ListView.View>
+                    </ListView>
+                    <ListView Margin="2"
+                              BorderThickness="1"
+                              IsEnabled="False"
+                              ItemsSource="{Binding Artists}"
+                              SelectedIndex="0"
+                              Style="{StaticResource VirtualisedMetroListView}">
+                        <ListView.View>
+                            <GridView>
+                                <GridViewColumn DisplayMemberBinding="{Binding ArtistId}" Header="ID" />
+                                <GridViewColumn DisplayMemberBinding="{Binding Name}" Header="artist" />
+                            </GridView>
+                        </ListView.View>
+                    </ListView>
 
-                <ListView Margin="2"
-                          SelectedIndex="0"
-                          Style="{StaticResource VirtualisedMetroListView}">
-                    <ListViewItem>Test 1</ListViewItem>
-                    <ListViewItem>Test 2</ListViewItem>
-                    <ListViewItem>Test 3</ListViewItem>
-                    <ListViewItem>Test 4</ListViewItem>
-                </ListView>
-                <ListView Margin="2"
-                          IsEnabled="False"
-                          SelectedIndex="0"
-                          Style="{StaticResource VirtualisedMetroListView}">
-                    <ListViewItem>Test 1</ListViewItem>
-                    <ListViewItem>Test 2</ListViewItem>
-                    <ListViewItem>Test 3</ListViewItem>
-                    <ListViewItem>Test 4</ListViewItem>
-                </ListView>
-            </UniformGrid>
+                    <ListView Margin="2"
+                              SelectedIndex="0"
+                              Style="{StaticResource VirtualisedMetroListView}">
+                        <ListViewItem>Test 1</ListViewItem>
+                        <ListViewItem>Test 2</ListViewItem>
+                        <ListViewItem>Test 3</ListViewItem>
+                        <ListViewItem>Test 4</ListViewItem>
+                    </ListView>
+                    <ListView Margin="2"
+                              IsEnabled="False"
+                              SelectedIndex="0"
+                              Style="{StaticResource VirtualisedMetroListView}">
+                        <ListViewItem>Test 1</ListViewItem>
+                        <ListViewItem>Test 2</ListViewItem>
+                        <ListViewItem>Test 3</ListViewItem>
+                        <ListViewItem>Test 4</ListViewItem>
+                    </ListView>
+                </UniformGrid>
+            </ScrollViewer>
         </TabItem>
 
         <TabItem Header="TreeView">
-            <UniformGrid Columns="2" Rows="2">
-                <TreeView Margin="2"
-                          BorderThickness="1"
-                          ItemsSource="{Binding Artists}"
-                          Style="{StaticResource VirtualisedMetroTreeView}">
-                    <TreeView.ItemTemplate>
-                        <HierarchicalDataTemplate ItemsSource="{Binding Albums}">
-                            <TextBlock Text="{Binding Name}" />
-                            <HierarchicalDataTemplate.ItemTemplate>
-                                <DataTemplate>
-                                    <TextBlock Text="{Binding Title}" />
-                                </DataTemplate>
-                            </HierarchicalDataTemplate.ItemTemplate>
-                        </HierarchicalDataTemplate>
-                    </TreeView.ItemTemplate>
-                </TreeView>
-                <TreeView Margin="2"
-                          BorderThickness="1"
-                          IsEnabled="False"
-                          ItemsSource="{Binding Artists}"
-                          Style="{StaticResource VirtualisedMetroTreeView}">
-                    <TreeView.ItemTemplate>
-                        <HierarchicalDataTemplate ItemsSource="{Binding Albums}">
-                            <TextBlock Text="{Binding Name}" />
-                            <HierarchicalDataTemplate.ItemTemplate>
-                                <DataTemplate>
-                                    <TextBlock Text="{Binding Title}" />
-                                </DataTemplate>
-                            </HierarchicalDataTemplate.ItemTemplate>
-                        </HierarchicalDataTemplate>
-                    </TreeView.ItemTemplate>
-                </TreeView>
+            <ScrollViewer Margin="2"
+                          HorizontalScrollBarVisibility="Auto"
+                          VerticalScrollBarVisibility="Disabled">
+                <UniformGrid Columns="2" Rows="2">
+                    <TreeView Margin="2"
+                              BorderThickness="1"
+                              ItemsSource="{Binding Artists}"
+                              Style="{StaticResource VirtualisedMetroTreeView}">
+                        <TreeView.ItemTemplate>
+                            <HierarchicalDataTemplate ItemsSource="{Binding Albums}">
+                                <TextBlock Text="{Binding Name}" />
+                                <HierarchicalDataTemplate.ItemTemplate>
+                                    <DataTemplate>
+                                        <TextBlock Text="{Binding Title}" />
+                                    </DataTemplate>
+                                </HierarchicalDataTemplate.ItemTemplate>
+                            </HierarchicalDataTemplate>
+                        </TreeView.ItemTemplate>
+                    </TreeView>
+                    <TreeView Margin="2"
+                              BorderThickness="1"
+                              IsEnabled="False"
+                              ItemsSource="{Binding Artists}"
+                              Style="{StaticResource VirtualisedMetroTreeView}">
+                        <TreeView.ItemTemplate>
+                            <HierarchicalDataTemplate ItemsSource="{Binding Albums}">
+                                <TextBlock Text="{Binding Name}" />
+                                <HierarchicalDataTemplate.ItemTemplate>
+                                    <DataTemplate>
+                                        <TextBlock Text="{Binding Title}" />
+                                    </DataTemplate>
+                                </HierarchicalDataTemplate.ItemTemplate>
+                            </HierarchicalDataTemplate>
+                        </TreeView.ItemTemplate>
+                    </TreeView>
 
-                <TreeView Margin="2">
-                    <TreeViewItem Header="Item 1">
-                        <TreeViewItem Header="Item 1.1">
-                            <TreeViewItem Header="Item 1.1.1" />
-                            <TreeViewItem Header="Item 1.1.2" />
+                    <TreeView Margin="2">
+                        <TreeViewItem Header="Item 1">
+                            <TreeViewItem Header="Item 1.1">
+                                <TreeViewItem Header="Item 1.1.1" />
+                                <TreeViewItem Header="Item 1.1.2" />
+                            </TreeViewItem>
+                            <TreeViewItem Header="Item 1.2" />
+                            <TreeViewItem Header="Item 1.3" />
                         </TreeViewItem>
-                        <TreeViewItem Header="Item 1.2" />
-                        <TreeViewItem Header="Item 1.3" />
-                    </TreeViewItem>
-                    <TreeViewItem Header="Item 22" />
-                    <TreeViewItem Header="Item 3"
-                                  IsExpanded="True"
-                                  IsSelected="True">
-                        <TreeViewItem Header="Item 3.1" IsExpanded="True">
-                            <TreeViewItem Header="Item 3.1.1" IsExpanded="True" />
-                            <TreeViewItem Header="Item 3.1.2" />
+                        <TreeViewItem Header="Item 22" />
+                        <TreeViewItem Header="Item 3"
+                                      IsExpanded="True"
+                                      IsSelected="True">
+                            <TreeViewItem Header="Item 3.1" IsExpanded="True">
+                                <TreeViewItem Header="Item 3.1.1" IsExpanded="True" />
+                                <TreeViewItem Header="Item 3.1.2" />
+                            </TreeViewItem>
+                            <TreeViewItem Header="Item 3.2" />
+                            <TreeViewItem Header="Item 3.3" />
                         </TreeViewItem>
-                        <TreeViewItem Header="Item 3.2" />
-                        <TreeViewItem Header="Item 3.3" />
-                    </TreeViewItem>
-                </TreeView>
-                <TreeView Margin="2" IsEnabled="False">
-                    <TreeViewItem Header="Item 1">
-                        <TreeViewItem Header="Item 1.1">
-                            <TreeViewItem Header="Item 1.1.1" />
-                            <TreeViewItem Header="Item 1.1.2" />
+                    </TreeView>
+                    <TreeView Margin="2" IsEnabled="False">
+                        <TreeViewItem Header="Item 1">
+                            <TreeViewItem Header="Item 1.1">
+                                <TreeViewItem Header="Item 1.1.1" />
+                                <TreeViewItem Header="Item 1.1.2" />
+                            </TreeViewItem>
+                            <TreeViewItem Header="Item 1.2" />
+                            <TreeViewItem Header="Item 1.3" />
                         </TreeViewItem>
-                        <TreeViewItem Header="Item 1.2" />
-                        <TreeViewItem Header="Item 1.3" />
-                    </TreeViewItem>
-                    <TreeViewItem Header="Item 22" />
-                    <TreeViewItem Header="Item 3"
-                                  IsExpanded="True"
-                                  IsSelected="True">
-                        <TreeViewItem Header="Item 3.1" IsExpanded="True">
-                            <TreeViewItem Header="Item 3.1.1" IsExpanded="True" />
-                            <TreeViewItem Header="Item 3.1.2" />
+                        <TreeViewItem Header="Item 22" />
+                        <TreeViewItem Header="Item 3"
+                                      IsExpanded="True"
+                                      IsSelected="True">
+                            <TreeViewItem Header="Item 3.1" IsExpanded="True">
+                                <TreeViewItem Header="Item 3.1.1" IsExpanded="True" />
+                                <TreeViewItem Header="Item 3.1.2" />
+                            </TreeViewItem>
+                            <TreeViewItem Header="Item 3.2" />
+                            <TreeViewItem Header="Item 3.3" />
                         </TreeViewItem>
-                        <TreeViewItem Header="Item 3.2" />
-                        <TreeViewItem Header="Item 3.3" />
-                    </TreeViewItem>
-                </TreeView>
-            </UniformGrid>
+                    </TreeView>
+                </UniformGrid>
+            </ScrollViewer>
         </TabItem>
 
         <TabItem Header="ComboBox">
-            <StackPanel HorizontalAlignment="Left" Orientation="Vertical">
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.ClearTextButton="True"
-                          Controls:TextBoxHelper.Watermark="Please select an item..."
-                          BorderThickness="4"
-                          SelectedIndex="0">
-                    <ComboBox.ContextMenu>
-                        <ContextMenu>
-                            <MenuItem Header="Test" />
-                        </ContextMenu>
-                    </ComboBox.ContextMenu>
-                    <ComboBoxItem Content="Item 1" />
-                    <ComboBoxItem Content="Item 2" />
-                    <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
-                    <ComboBoxItem Content="Item 4" />
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.ClearTextButton="True"
-                          Controls:TextBoxHelper.Watermark="Please select an item..."
-                          SelectedIndex="0">
-                    <ComboBox.ContextMenu>
-                        <ContextMenu>
-                            <MenuItem Header="Test" />
-                        </ContextMenu>
-                    </ComboBox.ContextMenu>
-                    <ComboBoxItem Content="Item 1" />
-                    <ComboBoxItem Content="Item 2" />
-                    <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
-                    <ComboBoxItem Content="Item 4" />
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.ClearTextButton="True"
-                          Controls:TextBoxHelper.UseFloatingWatermark="True"
-                          Controls:TextBoxHelper.Watermark="Please select an item..."
-                          SelectedIndex="0">
-                    <ComboBox.ContextMenu>
-                        <ContextMenu>
-                            <MenuItem Header="Test" />
-                        </ContextMenu>
-                    </ComboBox.ContextMenu>
-                    <ComboBoxItem Content="Item 1" />
-                    <ComboBoxItem Content="Item 2" />
-                    <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
-                    <ComboBoxItem Content="Item 4" />
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.ClearTextButton="True"
-                          Controls:TextBoxHelper.UseFloatingWatermark="True"
-                          Controls:TextBoxHelper.Watermark="Editable..."
-                          IsEditable="True"
-                          SelectedIndex="0">
-                    <ComboBox.ContextMenu>
-                        <ContextMenu IsEnabled="False" Visibility="Collapsed" />
-                    </ComboBox.ContextMenu>
-                    <ComboBoxItem Content="Item 1" />
-                    <ComboBoxItem Content="Item 2" />
-                    <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
-                    <ComboBoxItem Content="Item 4" />
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.UseFloatingWatermark="True"
-                          Controls:TextBoxHelper.Watermark="Autocompletion"
-                          DisplayMemberPath="Title"
-                          IsEditable="True"
-                          ItemsSource="{Binding Albums}"
-                          MaxDropDownHeight="125"
-                          Style="{DynamicResource VirtualisedMetroComboBox}"
-                          Text="{Binding Path=Title}" />
-                <ComboBox x:Name="groupingComboBox"
-                          Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.Watermark="Autocompletion with grouping"
-                          DisplayMemberPath="Title"
-                          IsEditable="True"
-                          IsEnabled="True"
-                          ItemsSource="{Binding Albums}"
-                          Style="{DynamicResource VirtualisedMetroComboBox}"
-                          Text="{Binding Path=Title}">
-                    <ComboBox.GroupStyle>
-                        <GroupStyle>
-                            <GroupStyle.HeaderTemplate>
-                                <DataTemplate>
-                                    <TextBlock Text="{Binding Path=Name.Name}" />
-                                </DataTemplate>
-                            </GroupStyle.HeaderTemplate>
-                        </GroupStyle>
-                    </ComboBox.GroupStyle>
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          IsEnabled="False"
-                          SelectedIndex="0">
-                    <ComboBoxItem Content="Item 1" />
-                    <ComboBoxItem Content="Item 2" />
-                    <ComboBoxItem Content="Item 3" />
-                    <ComboBoxItem Content="Item 4" />
-                </ComboBox>
-                <ComboBox Width="200"
-                          Margin="0 10 0 0"
-                          Controls:TextBoxHelper.Watermark="Autocompletion"
-                          DisplayMemberPath="Title"
-                          IsEditable="True"
-                          IsEnabled="False"
-                          ItemsSource="{Binding Albums}"
-                          Text="{Binding Path=Title, Mode=TwoWay}" />
-            </StackPanel>
+            <ScrollViewer Margin="2"
+                          HorizontalScrollBarVisibility="Auto"
+                          VerticalScrollBarVisibility="Auto">
+                <StackPanel HorizontalAlignment="Left" Orientation="Vertical">
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.ClearTextButton="True"
+                              Controls:TextBoxHelper.Watermark="Please select an item..."
+                              BorderThickness="4"
+                              SelectedIndex="0">
+                        <ComboBox.ContextMenu>
+                            <ContextMenu>
+                                <MenuItem Header="Test" />
+                            </ContextMenu>
+                        </ComboBox.ContextMenu>
+                        <ComboBoxItem Content="Item 1" />
+                        <ComboBoxItem Content="Item 2" />
+                        <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
+                        <ComboBoxItem Content="Item 4" />
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.ClearTextButton="True"
+                              Controls:TextBoxHelper.Watermark="Please select an item..."
+                              SelectedIndex="0">
+                        <ComboBox.ContextMenu>
+                            <ContextMenu>
+                                <MenuItem Header="Test" />
+                            </ContextMenu>
+                        </ComboBox.ContextMenu>
+                        <ComboBoxItem Content="Item 1" />
+                        <ComboBoxItem Content="Item 2" />
+                        <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
+                        <ComboBoxItem Content="Item 4" />
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.ClearTextButton="True"
+                              Controls:TextBoxHelper.UseFloatingWatermark="True"
+                              Controls:TextBoxHelper.Watermark="Please select an item..."
+                              SelectedIndex="0">
+                        <ComboBox.ContextMenu>
+                            <ContextMenu>
+                                <MenuItem Header="Test" />
+                            </ContextMenu>
+                        </ComboBox.ContextMenu>
+                        <ComboBoxItem Content="Item 1" />
+                        <ComboBoxItem Content="Item 2" />
+                        <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
+                        <ComboBoxItem Content="Item 4" />
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.ClearTextButton="True"
+                              Controls:TextBoxHelper.UseFloatingWatermark="True"
+                              Controls:TextBoxHelper.Watermark="Editable..."
+                              IsEditable="True"
+                              SelectedIndex="0">
+                        <ComboBox.ContextMenu>
+                            <ContextMenu IsEnabled="False" Visibility="Collapsed" />
+                        </ComboBox.ContextMenu>
+                        <ComboBoxItem Content="Item 1" />
+                        <ComboBoxItem Content="Item 2" />
+                        <ComboBoxItem Content="Very long Item 3 for MahApps.Metro" />
+                        <ComboBoxItem Content="Item 4" />
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.UseFloatingWatermark="True"
+                              Controls:TextBoxHelper.Watermark="Autocompletion"
+                              DisplayMemberPath="Title"
+                              IsEditable="True"
+                              ItemsSource="{Binding Albums}"
+                              MaxDropDownHeight="125"
+                              Style="{DynamicResource VirtualisedMetroComboBox}"
+                              Text="{Binding Path=Title}" />
+                    <ComboBox x:Name="groupingComboBox"
+                              Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.Watermark="Autocompletion with grouping"
+                              DisplayMemberPath="Title"
+                              IsEditable="True"
+                              IsEnabled="True"
+                              ItemsSource="{Binding Albums}"
+                              Style="{DynamicResource VirtualisedMetroComboBox}"
+                              Text="{Binding Path=Title}">
+                        <ComboBox.GroupStyle>
+                            <GroupStyle>
+                                <GroupStyle.HeaderTemplate>
+                                    <DataTemplate>
+                                        <TextBlock Text="{Binding Path=Name.Name}" />
+                                    </DataTemplate>
+                                </GroupStyle.HeaderTemplate>
+                            </GroupStyle>
+                        </ComboBox.GroupStyle>
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              IsEnabled="False"
+                              SelectedIndex="0">
+                        <ComboBoxItem Content="Item 1" />
+                        <ComboBoxItem Content="Item 2" />
+                        <ComboBoxItem Content="Item 3" />
+                        <ComboBoxItem Content="Item 4" />
+                    </ComboBox>
+                    <ComboBox Width="200"
+                              Margin="0 10 0 0"
+                              Controls:TextBoxHelper.Watermark="Autocompletion"
+                              DisplayMemberPath="Title"
+                              IsEditable="True"
+                              IsEnabled="False"
+                              ItemsSource="{Binding Albums}"
+                              Text="{Binding Path=Title, Mode=TwoWay}" />
+                </StackPanel>
+            </ScrollViewer>
         </TabItem>
     </TabControl>
 
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/Sliders.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/Sliders.xaml
index ec3623e36d..847efae078 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/Sliders.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/Sliders.xaml
@@ -27,938 +27,934 @@
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <Grid>
-        <ScrollViewer>
-            <StackPanel Margin="10" Orientation="Vertical">
+    <StackPanel Margin="10" Orientation="Vertical">
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Win10 style">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <!--  vertical  -->
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                        <!--  horizontal  -->
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+        <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Win10 style">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <!--  vertical  -->
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+                <!--  horizontal  -->
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.Slider.Win10}"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Metro style">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <!--  vertical  -->
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                        <!--  horizontal  -->
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+        <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Metro style">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <!--  vertical  -->
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+                <!--  horizontal  -->
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="RangeSlider Win10 style">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <!--  vertical  -->
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="TopLeft"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="BottomRight"
-                                                  LargeChange="10"
-                                                  LowerValue="50"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickPlacement="TopLeft"
-                                                  Ticks="20 25 30 50 70 75 80"
-                                                  UpperValue="50" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  IsSelectionRangeEnabled="True"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SelectionEnd="80"
-                                                  SelectionStart="20"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  IsEnabled="False"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="BottomRight"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="Both"
-                                                  UpperValue="40" />
-                        </StackPanel>
-                        <!--  horizontal  -->
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="TopLeft"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  UpperValue="60">
-                                <Controls:RangeSlider.AutoToolTipRangeValuesTemplate>
-                                    <DataTemplate DataType="Controls:RangeSliderAutoTooltipValues">
-                                        <UniformGrid Columns="2" Rows="2">
-                                            <TextBlock HorizontalAlignment="Right" Text="From:" />
-                                            <TextBlock HorizontalAlignment="Right" Text="{Binding LowerValue, StringFormat='{}{0:N2}'}" />
-                                            <TextBlock HorizontalAlignment="Right" Text="To:" />
-                                            <TextBlock HorizontalAlignment="Right" Text="{Binding UpperValue, StringFormat='{}{0:N2}'}" />
-                                        </UniformGrid>
-                                    </DataTemplate>
-                                </Controls:RangeSlider.AutoToolTipRangeValuesTemplate>
-                            </Controls:RangeSlider>
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="BottomRight"
-                                                  LargeChange="10"
-                                                  LowerValue="50"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickPlacement="TopLeft"
-                                                  Ticks="20 25 30 50 70 75 80"
-                                                  UpperValue="50" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  IsSelectionRangeEnabled="True"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SelectionEnd="80"
-                                                  SelectionStart="20"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  IsEnabled="False"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="BottomRight"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
-                                                  TickFrequency="5"
-                                                  TickPlacement="Both"
-                                                  UpperValue="40" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+        <Controls:MetroHeader Margin="0 0 0 10" Header="RangeSlider Win10 style">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <!--  vertical  -->
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          Controls:SliderHelper.ChangeValueBy="LargeChange"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="TopLeft"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="BottomRight"
+                                          LargeChange="10"
+                                          LowerValue="50"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickPlacement="TopLeft"
+                                          Ticks="20 25 30 50 70 75 80"
+                                          UpperValue="50" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          IsSelectionRangeEnabled="True"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SelectionEnd="80"
+                                          SelectionStart="20"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          IsEnabled="False"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="BottomRight"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="Both"
+                                          UpperValue="40" />
+                </StackPanel>
+                <!--  horizontal  -->
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          Controls:SliderHelper.ChangeValueBy="LargeChange"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="TopLeft"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          UpperValue="60">
+                        <Controls:RangeSlider.AutoToolTipRangeValuesTemplate>
+                            <DataTemplate DataType="Controls:RangeSliderAutoTooltipValues">
+                                <UniformGrid Columns="2" Rows="2">
+                                    <TextBlock HorizontalAlignment="Right" Text="From:" />
+                                    <TextBlock HorizontalAlignment="Right" Text="{Binding LowerValue, StringFormat='{}{0:N2}'}" />
+                                    <TextBlock HorizontalAlignment="Right" Text="To:" />
+                                    <TextBlock HorizontalAlignment="Right" Text="{Binding UpperValue, StringFormat='{}{0:N2}'}" />
+                                </UniformGrid>
+                            </DataTemplate>
+                        </Controls:RangeSlider.AutoToolTipRangeValuesTemplate>
+                    </Controls:RangeSlider>
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="BottomRight"
+                                          LargeChange="10"
+                                          LowerValue="50"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickPlacement="TopLeft"
+                                          Ticks="20 25 30 50 70 75 80"
+                                          UpperValue="50" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          IsSelectionRangeEnabled="True"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SelectionEnd="80"
+                                          SelectionStart="20"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          IsEnabled="False"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="BottomRight"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          Style="{DynamicResource MahApps.Metro.Styles.RangeSlider.Win10}"
+                                          TickFrequency="5"
+                                          TickPlacement="Both"
+                                          UpperValue="40" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="RangeSlider Metro style">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <!--  vertical  -->
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="TopLeft"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="BottomRight"
-                                                  LargeChange="10"
-                                                  LowerValue="50"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  TickPlacement="TopLeft"
-                                                  Ticks="20 25 30 50 70 75 80"
-                                                  UpperValue="50" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  IsSelectionRangeEnabled="True"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SelectionEnd="80"
-                                                  SelectionStart="20"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  IsEnabled="False"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="BottomRight"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Height="150"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Vertical"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="Both"
-                                                  UpperValue="40" />
-                        </StackPanel>
-                        <!--  horizontal  -->
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="TopLeft"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                                  AutoToolTipPlacement="BottomRight"
-                                                  LargeChange="10"
-                                                  LowerValue="50"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  TickPlacement="TopLeft"
-                                                  Ticks="20 25 30 50 70 75 80"
-                                                  UpperValue="50" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  IsSelectionRangeEnabled="True"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SelectionEnd="80"
-                                                  SelectionStart="20"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  IsEnabled="False"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  TickFrequency="5"
-                                                  TickPlacement="TopLeft"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="BottomRight"
-                                                  UpperValue="40" />
-                            <Controls:RangeSlider Width="200"
-                                                  Margin="4"
-                                                  LargeChange="10"
-                                                  LowerValue="40"
-                                                  Maximum="100"
-                                                  Minimum="0"
-                                                  Orientation="Horizontal"
-                                                  SmallChange="1"
-                                                  TickFrequency="5"
-                                                  TickPlacement="Both"
-                                                  UpperValue="40" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+        <Controls:MetroHeader Margin="0 0 0 10" Header="RangeSlider Metro style">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <!--  vertical  -->
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          Controls:SliderHelper.ChangeValueBy="LargeChange"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="TopLeft"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="BottomRight"
+                                          LargeChange="10"
+                                          LowerValue="50"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          TickPlacement="TopLeft"
+                                          Ticks="20 25 30 50 70 75 80"
+                                          UpperValue="50" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          IsSelectionRangeEnabled="True"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SelectionEnd="80"
+                                          SelectionStart="20"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          IsEnabled="False"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="BottomRight"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Height="150"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Vertical"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="Both"
+                                          UpperValue="40" />
+                </StackPanel>
+                <!--  horizontal  -->
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          Controls:SliderHelper.ChangeValueBy="LargeChange"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="TopLeft"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                                          AutoToolTipPlacement="BottomRight"
+                                          LargeChange="10"
+                                          LowerValue="50"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          TickPlacement="TopLeft"
+                                          Ticks="20 25 30 50 70 75 80"
+                                          UpperValue="50" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          IsSelectionRangeEnabled="True"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SelectionEnd="80"
+                                          SelectionStart="20"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          IsEnabled="False"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          TickFrequency="5"
+                                          TickPlacement="TopLeft"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="BottomRight"
+                                          UpperValue="40" />
+                    <Controls:RangeSlider Width="200"
+                                          Margin="4"
+                                          LargeChange="10"
+                                          LowerValue="40"
+                                          Maximum="100"
+                                          Minimum="0"
+                                          Orientation="Horizontal"
+                                          SmallChange="1"
+                                          TickFrequency="5"
+                                          TickPlacement="Both"
+                                          UpperValue="40" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-                <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Flat style">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <!--  vertical  -->
-                        <StackPanel Grid.Column="0"
-                                    Margin="10 0"
-                                    Orientation="Horizontal">
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Height="150"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Vertical"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                        <!--  horizontal  -->
-                        <StackPanel Grid.Column="1"
-                                    Margin="10 0"
-                                    Orientation="Vertical">
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.ChangeValueBy="LargeChange"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="TopLeft"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    Controls:SliderHelper.EnableMouseWheel="MouseHover"
-                                    AutoToolTipPlacement="BottomRight"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickPlacement="TopLeft"
-                                    Ticks="20 25 30 50 70 75 80"
-                                    Value="50" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsSelectionRangeEnabled="True"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SelectionEnd="80"
-                                    SelectionStart="20"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    IsEnabled="False"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="TopLeft"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="BottomRight"
-                                    Value="40" />
-                            <Slider Width="200"
-                                    Margin="4"
-                                    LargeChange="10"
-                                    Maximum="100"
-                                    Minimum="0"
-                                    Orientation="Horizontal"
-                                    SmallChange="1"
-                                    Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
-                                    TickFrequency="5"
-                                    TickPlacement="Both"
-                                    Value="40" />
-                        </StackPanel>
-                    </Grid>
-                </Controls:MetroHeader>
+        <Controls:MetroHeader Margin="0 0 0 10" Header="Slider Flat style">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <!--  vertical  -->
+                <StackPanel Grid.Column="0"
+                            Margin="10 0"
+                            Orientation="Horizontal">
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Height="150"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Vertical"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+                <!--  horizontal  -->
+                <StackPanel Grid.Column="1"
+                            Margin="10 0"
+                            Orientation="Vertical">
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.ChangeValueBy="LargeChange"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="TopLeft"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            Controls:SliderHelper.EnableMouseWheel="MouseHover"
+                            AutoToolTipPlacement="BottomRight"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickPlacement="TopLeft"
+                            Ticks="20 25 30 50 70 75 80"
+                            Value="50" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsSelectionRangeEnabled="True"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SelectionEnd="80"
+                            SelectionStart="20"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            IsEnabled="False"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="TopLeft"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="BottomRight"
+                            Value="40" />
+                    <Slider Width="200"
+                            Margin="4"
+                            LargeChange="10"
+                            Maximum="100"
+                            Minimum="0"
+                            Orientation="Horizontal"
+                            SmallChange="1"
+                            Style="{DynamicResource MahApps.Metro.Styles.FlatSlider}"
+                            TickFrequency="5"
+                            TickPlacement="Both"
+                            Value="40" />
+                </StackPanel>
+            </Grid>
+        </Controls:MetroHeader>
 
-            </StackPanel>
-        </ScrollViewer>
-    </Grid>
+    </StackPanel>
 
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SplitViewExamples.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SplitViewExamples.xaml
index 633a0b90e1..c5943fe90e 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SplitViewExamples.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/SplitViewExamples.xaml
@@ -102,65 +102,63 @@
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <ScrollViewer VerticalScrollBarVisibility="Auto">
-        <Grid>
-
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="Auto" />
-                <ColumnDefinition Width="*" />
-            </Grid.ColumnDefinitions>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
-
-
-            <Label Grid.Row="0"
-                   Grid.Column="0"
-                   Grid.ColumnSpan="2"
-                   HorizontalAlignment="Left"
-                   Content="Simple SplitView example"
-                   Style="{DynamicResource DescriptionHeaderStyle}" />
-
-            <ContentControl Grid.Row="1"
-                            Grid.Column="0"
-                            Margin="10 5 5 5"
-                            DataContext="{Binding ElementName=SimpleSplitview}"
-                            Template="{StaticResource ConfigDataTemplate}" />
-
-            <controls:SplitView x:Name="SimpleSplitview"
-                                Grid.Row="1"
-                                Grid.Column="1"
-                                Margin="5"
-                                DisplayMode="Inline"
-                                IsPaneOpen="True"
-                                OpenPaneLength="150"
-                                PaneBackground="Red"
-                                PaneClosing="Splitview_PaneClosing">
-                <controls:SplitView.Pane>
-                    <Grid Margin="48 0 0 0" Background="LightGreen">
-                        <TextBlock Margin="10"
-                                   HorizontalAlignment="Center"
-                                   VerticalAlignment="Center"
-                                   FontSize="20"
-                                   Foreground="White"
-                                   Text="Pane content area"
-                                   TextWrapping="Wrap" />
-                    </Grid>
-                </controls:SplitView.Pane>
-
-                <Grid Background="CornflowerBlue">
-                    <TextBlock Margin="20"
+    <Grid>
+
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+
+        <Label Grid.Row="0"
+               Grid.Column="0"
+               Grid.ColumnSpan="2"
+               HorizontalAlignment="Left"
+               Content="Simple SplitView example"
+               Style="{DynamicResource DescriptionHeaderStyle}" />
+
+        <ContentControl Grid.Row="1"
+                        Grid.Column="0"
+                        Margin="10 5 5 5"
+                        DataContext="{Binding ElementName=SimpleSplitview}"
+                        Template="{StaticResource ConfigDataTemplate}" />
+
+        <controls:SplitView x:Name="SimpleSplitview"
+                            Grid.Row="1"
+                            Grid.Column="1"
+                            Margin="5"
+                            DisplayMode="Inline"
+                            IsPaneOpen="True"
+                            OpenPaneLength="150"
+                            PaneBackground="Red"
+                            PaneClosing="Splitview_PaneClosing">
+            <controls:SplitView.Pane>
+                <Grid Margin="48 0 0 0" Background="LightGreen">
+                    <TextBlock Margin="10"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontSize="20"
                                Foreground="White"
-                               Text="This is the main content area and should be blue"
+                               Text="Pane content area"
                                TextWrapping="Wrap" />
                 </Grid>
-
-            </controls:SplitView>
-        </Grid>
-    </ScrollViewer>
+            </controls:SplitView.Pane>
+
+            <Grid Background="CornflowerBlue">
+                <TextBlock Margin="20"
+                           HorizontalAlignment="Center"
+                           VerticalAlignment="Center"
+                           FontSize="20"
+                           Foreground="White"
+                           Text="This is the main content area and should be blue"
+                           TextWrapping="Wrap" />
+            </Grid>
+
+        </controls:SplitView>
+    </Grid>
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TabControlExamples.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TabControlExamples.xaml
index d846857ad3..77f266f812 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TabControlExamples.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TabControlExamples.xaml
@@ -27,184 +27,91 @@
         </ObjectDataProvider>
     </UserControl.Resources>
 
-    <ScrollViewer>
-        <StackPanel Margin="5 10 5 0">
-            <Expander Margin="0"
-                      Header="_Default TabControl"
-                      IsExpanded="True">
-                <StackPanel Margin="15 5 15 5">
-                    <Label Content="Default TabControl" Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="UnderlinedComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="TabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <TabControl Height="200"
-                                Controls:ControlsHelper.HeaderFontFamily="Segoe Script"
-                                Controls:ControlsHelper.HeaderFontSize="18"
-                                Controls:TabControlHelper.Underlined="{Binding ElementName=UnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                TabStripPlacement="{Binding ElementName=TabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
-                        <TabItem Header="Item _1">
-                            <TextBlock FontSize="30" Text="Content" />
-                        </TabItem>
-                        <TabItem Header="Item _2">
-                            <TextBlock FontSize="30" Text="More content" />
-                        </TabItem>
-                        <TabItem Header="Item _3">
-                            <TextBlock FontSize="30" Text="More more content" />
-                        </TabItem>
-                        <TabItem Header="Item _4">
-                            <TextBlock FontSize="30" Text="So much content!" />
-                        </TabItem>
-                        <TabItem Header="Item _5">
-                            <TextBlock FontSize="30" Text="Content!" />
-                        </TabItem>
-                        <TabItem Header="Item _6">
-                            <TextBlock FontSize="30" Text="This is not content (it is)" />
-                        </TabItem>
-                    </TabControl>
-
-                    <Label Margin="0 5 0 0"
-                           Content="Default TabControl with _AnimatedTabControl style"
-                           Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="AnimatedTabControlUnderlinedComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="AnimatedTabControlTabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <Grid>
-                        <Grid.Resources>
-                            <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" />
-                        </Grid.Resources>
-                        <TabControl Height="150"
-                                    Controls:TabControlHelper.Underlined="{Binding ElementName=AnimatedTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                    TabStripPlacement="{Binding ElementName=AnimatedTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
-                            <TabItem Header="this tabcontrol">
-                                <TextBlock FontSize="30" Text="Cool transition" />
-                            </TabItem>
-                            <Controls:MetroTabItem Header="animates its content">
-                                <TextBlock FontSize="30" Text="More cool transition" />
-                            </Controls:MetroTabItem>
-                            <Controls:MetroTabItem Header="with a transition">
-                                <TextBlock FontSize="30" Text="Animate everything!" />
-                            </Controls:MetroTabItem>
-                        </TabControl>
-                    </Grid>
-
-                    <Label Margin="0 5 0 0"
-                           Content="Default TabControl with Animated_SingleRowTabControl style"
-                           Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="AnimatedSingleRowTabControlUnderlinedComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="AnimatedSingleRowTabControlTabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <Grid>
-                        <Grid.Resources>
-                            <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" />
-                        </Grid.Resources>
-                        <TabControl Height="150"
-                                    Controls:TabControlHelper.Underlined="{Binding ElementName=AnimatedSingleRowTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                    TabStripPlacement="{Binding ElementName=AnimatedSingleRowTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
-                            <TabItem Header="these tabs">
-                                <TextBlock FontSize="30" Text="first content" />
-                            </TabItem>
-                            <Controls:MetroTabItem Header="appear only on a single line">
-                                <TextBlock FontSize="30" Text="second one" />
-                            </Controls:MetroTabItem>
-                            <Controls:MetroTabItem Header="if they are overflowing">
-                                <TextBlock FontSize="30" Text="3" />
-                            </Controls:MetroTabItem>
-                            <TabItem Header="instead of wrapping them">
-                                <TextBlock FontSize="30" Text="last of them" />
-                            </TabItem>
-                        </TabControl>
-                    </Grid>
-
+    <StackPanel Margin="5 10 5 0">
+        <Expander Margin="0"
+                  Header="_Default TabControl"
+                  IsExpanded="True">
+            <StackPanel Margin="15 5 15 5">
+                <Label Content="Default TabControl" Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="UnderlinedComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="TabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
                 </StackPanel>
-            </Expander>
+                <TabControl Height="200"
+                            Controls:ControlsHelper.HeaderFontFamily="Segoe Script"
+                            Controls:ControlsHelper.HeaderFontSize="18"
+                            Controls:TabControlHelper.Underlined="{Binding ElementName=UnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                            TabStripPlacement="{Binding ElementName=TabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    <TabItem Header="Item _1">
+                        <TextBlock FontSize="30" Text="Content" />
+                    </TabItem>
+                    <TabItem Header="Item _2">
+                        <TextBlock FontSize="30" Text="More content" />
+                    </TabItem>
+                    <TabItem Header="Item _3">
+                        <TextBlock FontSize="30" Text="More more content" />
+                    </TabItem>
+                    <TabItem Header="Item _4">
+                        <TextBlock FontSize="30" Text="So much content!" />
+                    </TabItem>
+                    <TabItem Header="Item _5">
+                        <TextBlock FontSize="30" Text="Content!" />
+                    </TabItem>
+                    <TabItem Header="Item _6">
+                        <TextBlock FontSize="30" Text="This is not content (it is)" />
+                    </TabItem>
+                </TabControl>
 
-            <Expander Margin="0 10 0 0"
-                      Header="_Generic theme TabControls"
-                      IsExpanded="True">
-                <StackPanel Margin="15 5 15 5">
-                    <Label Content="MetroAnimatedTabControl" Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="MetroAnimatedTabControlUnderlinedComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="MetroAnimatedTabControlTabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <Controls:MetroAnimatedTabControl Height="150"
-                                                      Controls:TabControlHelper.Underlined="{Binding ElementName=MetroAnimatedTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                                      TabStripPlacement="{Binding ElementName=MetroAnimatedTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                <Label Margin="0 5 0 0"
+                       Content="Default TabControl with _AnimatedTabControl style"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="AnimatedTabControlUnderlinedComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="AnimatedTabControlTabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
+                </StackPanel>
+                <Grid>
+                    <Grid.Resources>
+                        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" />
+                    </Grid.Resources>
+                    <TabControl Height="150"
+                                Controls:TabControlHelper.Underlined="{Binding ElementName=AnimatedTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                TabStripPlacement="{Binding ElementName=AnimatedTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                         <TabItem Header="this tabcontrol">
                             <TextBlock FontSize="30" Text="Cool transition" />
                         </TabItem>
@@ -214,36 +121,41 @@
                         <Controls:MetroTabItem Header="with a transition">
                             <TextBlock FontSize="30" Text="Animate everything!" />
                         </Controls:MetroTabItem>
-                    </Controls:MetroAnimatedTabControl>
+                    </TabControl>
+                </Grid>
 
-                    <Label Margin="0 5 0 0"
-                           Content="MetroAnimatedSingleRowTabControl"
-                           Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="MetroAnimatedSingleRowTabControlUnderlinedComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="MetroAnimatedSingleRowTabControlTabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <Controls:MetroAnimatedSingleRowTabControl Height="150"
-                                                               Controls:TabControlHelper.Underlined="{Binding ElementName=MetroAnimatedSingleRowTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                                               TabStripPlacement="{Binding ElementName=MetroAnimatedSingleRowTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                <Label Margin="0 5 0 0"
+                       Content="Default TabControl with Animated_SingleRowTabControl style"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="AnimatedSingleRowTabControlUnderlinedComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="AnimatedSingleRowTabControlTabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
+                </StackPanel>
+                <Grid>
+                    <Grid.Resources>
+                        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" />
+                    </Grid.Resources>
+                    <TabControl Height="150"
+                                Controls:TabControlHelper.Underlined="{Binding ElementName=AnimatedSingleRowTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                TabStripPlacement="{Binding ElementName=AnimatedSingleRowTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                         <TabItem Header="these tabs">
                             <TextBlock FontSize="30" Text="first content" />
                         </TabItem>
@@ -256,179 +168,266 @@
                         <TabItem Header="instead of wrapping them">
                             <TextBlock FontSize="30" Text="last of them" />
                         </TabItem>
-                    </Controls:MetroAnimatedSingleRowTabControl>
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition />
-                            <ColumnDefinition />
-                        </Grid.ColumnDefinitions>
-                        <Controls:MetroAnimatedSingleRowTabControl Height="100" TabStripPlacement="Left">
-                            <TabControl.Resources>
-                                <Style BasedOn="{StaticResource {x:Type TabItem}}" TargetType="{x:Type TabItem}">
-                                    <Setter Property="HeaderTemplate">
-                                        <Setter.Value>
-                                            <DataTemplate>
-                                                <ContentPresenter Content="{TemplateBinding Content}">
-                                                    <ContentPresenter.LayoutTransform>
-                                                        <RotateTransform Angle="270" />
-                                                    </ContentPresenter.LayoutTransform>
-                                                </ContentPresenter>
-                                            </DataTemplate>
-                                        </Setter.Value>
-                                    </Setter>
-                                </Style>
-                            </TabControl.Resources>
-                            <TabItem Header="Test1">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Left Test 1" />
-                            </TabItem>
-                            <TabItem Header="Test2">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Left Test 2" />
-                            </TabItem>
-                            <TabItem Header="Test3">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Left Test 3" />
-                            </TabItem>
-                        </Controls:MetroAnimatedSingleRowTabControl>
-                        <Controls:MetroAnimatedSingleRowTabControl Grid.Column="1"
-                                                                   Height="100"
-                                                                   TabStripPlacement="Right">
-                            <TabControl.Resources>
-                                <Style BasedOn="{StaticResource {x:Type TabItem}}" TargetType="{x:Type TabItem}">
-                                    <Setter Property="HeaderTemplate">
-                                        <Setter.Value>
-                                            <DataTemplate>
-                                                <ContentPresenter Content="{TemplateBinding Content}">
-                                                    <ContentPresenter.LayoutTransform>
-                                                        <RotateTransform Angle="90" />
-                                                    </ContentPresenter.LayoutTransform>
-                                                </ContentPresenter>
-                                            </DataTemplate>
-                                        </Setter.Value>
-                                    </Setter>
-                                </Style>
-                            </TabControl.Resources>
-                            <TabItem Header="Test1">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Right Test 1" />
-                            </TabItem>
-                            <TabItem Header="Test2">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Right Test 2" />
-                            </TabItem>
-                            <TabItem Header="Test3">
-                                <TextBlock FontSize="12" Text="TabStripPlacement Right Test 3" />
-                            </TabItem>
-                        </Controls:MetroAnimatedSingleRowTabControl>
-                    </Grid>
+                    </TabControl>
+                </Grid>
 
-                    <Label Margin="0 5 0 0"
-                           Content="MetroTabControl w/ Closable Items"
-                           Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <Controls:MetroTabControl TabItemClosingEvent="MetroTabControl_TabItemClosingEvent">
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="20"
-                                               CloseButtonEnabled="True"
-                                               CloseTabCommand="{Binding SingleCloseTabCommand}"
-                                               CloseTabCommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=Header}"
-                                               Header="headers">
-                            <TextBlock FontSize="30" Text="you can bind to a command" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="22"
-                                               CloseButtonEnabled="True"
-                                               CloseTabCommand="{Binding NeverCloseTabCommand}"
-                                               CloseTabCommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=Header}"
-                                               Header="can">
-                            <TextBlock FontSize="30" Text="and ensure the command never closes" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="24"
-                                               CloseButtonEnabled="True"
-                                               Header="have">
-                            <TextBlock FontSize="30" Text="More more content" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="26"
-                                               CloseButtonEnabled="True"
-                                               Header="different">
-                            <TextBlock FontSize="30" Text="So much content!" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="28"
-                                               CloseButtonEnabled="True"
-                                               Header="font">
-                            <TextBlock FontSize="30" Text="Content!" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="30"
-                                               CloseButtonEnabled="True"
-                                               Header="sizes">
-                            <TextBlock FontSize="30" Text="This is not content (it is). This one won't close." />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="36"
-                                               CloseButtonEnabled="True"
-                                               Header="close button">
-                            <TextBlock FontSize="24" Text="The size of close button will be changed proportionately considering its header size." />
-                        </Controls:MetroTabItem>
-                    </Controls:MetroTabControl>
+            </StackPanel>
+        </Expander>
 
-                    <Label Margin="0 5 0 0"
-                           Content="MetroTabControl style"
-                           Style="{DynamicResource DescriptionHeaderStyle}" />
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Keep VisualTree in memory" />
-                        <CheckBox x:Name="KeepVisualTreeInMemoryCheckBox"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  IsChecked="{Binding ElementName=MetroTabControl, Path=KeepVisualTreeInMemoryWhenChangingTabs, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="Underlined type" />
-                        <ComboBox x:Name="MetroTabControlUnderlinedComboBox"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
-                                  SelectedIndex="0" />
-                        <TextBlock Margin="5 5"
-                                   VerticalAlignment="Center"
-                                   Text="TabStripPlacement" />
-                        <ComboBox x:Name="MetroTabStripPlacementComboBox"
-                                  Width="100"
-                                  Margin="5 5"
-                                  HorizontalAlignment="Left"
-                                  VerticalAlignment="Center"
-                                  ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
-                                  SelectedItem="{x:Static Dock.Top}" />
-                    </StackPanel>
-                    <Controls:MetroTabControl x:Name="MetroTabControl"
-                                              Height="200"
-                                              KeepVisualTreeInMemoryWhenChangingTabs="True"
-                                              Controls:TabControlHelper.Underlined="{Binding ElementName=MetroTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                                              TabStripPlacement="{Binding ElementName=MetroTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _1">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock FontSize="30" Text="Load-Count: " />
-                                <TextBlock FontSize="30" Text="0" Loaded="TextBlock_OnLoaded" />
-                            </StackPanel>
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _2 more">
-                            <TextBlock FontSize="30" Text="More content" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _3 header here">
-                            <TextBlock FontSize="30" Text="More more content" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _4 ">
-                            <TextBlock FontSize="30" Text="So much content!" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18"
-                                               CloseButtonEnabled="True"
-                                               Header="item _5">
-                            <TextBlock FontSize="30" Text="Content!" />
-                        </Controls:MetroTabItem>
-                        <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _6">
-                            <TextBlock FontSize="30" Text="This is not content (it is)" />
-                        </Controls:MetroTabItem>
-                    </Controls:MetroTabControl>
+        <Expander Margin="0 10 0 0"
+                  Header="_Generic theme TabControls"
+                  IsExpanded="True">
+            <StackPanel Margin="15 5 15 5">
+                <Label Content="MetroAnimatedTabControl" Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="MetroAnimatedTabControlUnderlinedComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="MetroAnimatedTabControlTabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
+                </StackPanel>
+                <Controls:MetroAnimatedTabControl Height="150"
+                                                  Controls:TabControlHelper.Underlined="{Binding ElementName=MetroAnimatedTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                  TabStripPlacement="{Binding ElementName=MetroAnimatedTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    <TabItem Header="this tabcontrol">
+                        <TextBlock FontSize="30" Text="Cool transition" />
+                    </TabItem>
+                    <Controls:MetroTabItem Header="animates its content">
+                        <TextBlock FontSize="30" Text="More cool transition" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Header="with a transition">
+                        <TextBlock FontSize="30" Text="Animate everything!" />
+                    </Controls:MetroTabItem>
+                </Controls:MetroAnimatedTabControl>
+
+                <Label Margin="0 5 0 0"
+                       Content="MetroAnimatedSingleRowTabControl"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="MetroAnimatedSingleRowTabControlUnderlinedComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="MetroAnimatedSingleRowTabControlTabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
                 </StackPanel>
+                <Controls:MetroAnimatedSingleRowTabControl Height="150"
+                                                           Controls:TabControlHelper.Underlined="{Binding ElementName=MetroAnimatedSingleRowTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                           TabStripPlacement="{Binding ElementName=MetroAnimatedSingleRowTabControlTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    <TabItem Header="these tabs">
+                        <TextBlock FontSize="30" Text="first content" />
+                    </TabItem>
+                    <Controls:MetroTabItem Header="appear only on a single line">
+                        <TextBlock FontSize="30" Text="second one" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Header="if they are overflowing">
+                        <TextBlock FontSize="30" Text="3" />
+                    </Controls:MetroTabItem>
+                    <TabItem Header="instead of wrapping them">
+                        <TextBlock FontSize="30" Text="last of them" />
+                    </TabItem>
+                </Controls:MetroAnimatedSingleRowTabControl>
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition />
+                        <ColumnDefinition />
+                    </Grid.ColumnDefinitions>
+                    <Controls:MetroAnimatedSingleRowTabControl Height="100" TabStripPlacement="Left">
+                        <TabControl.Resources>
+                            <Style BasedOn="{StaticResource {x:Type TabItem}}" TargetType="{x:Type TabItem}">
+                                <Setter Property="HeaderTemplate">
+                                    <Setter.Value>
+                                        <DataTemplate>
+                                            <ContentPresenter Content="{TemplateBinding Content}">
+                                                <ContentPresenter.LayoutTransform>
+                                                    <RotateTransform Angle="270" />
+                                                </ContentPresenter.LayoutTransform>
+                                            </ContentPresenter>
+                                        </DataTemplate>
+                                    </Setter.Value>
+                                </Setter>
+                            </Style>
+                        </TabControl.Resources>
+                        <TabItem Header="Test1">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Left Test 1" />
+                        </TabItem>
+                        <TabItem Header="Test2">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Left Test 2" />
+                        </TabItem>
+                        <TabItem Header="Test3">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Left Test 3" />
+                        </TabItem>
+                    </Controls:MetroAnimatedSingleRowTabControl>
+                    <Controls:MetroAnimatedSingleRowTabControl Grid.Column="1"
+                                                               Height="100"
+                                                               TabStripPlacement="Right">
+                        <TabControl.Resources>
+                            <Style BasedOn="{StaticResource {x:Type TabItem}}" TargetType="{x:Type TabItem}">
+                                <Setter Property="HeaderTemplate">
+                                    <Setter.Value>
+                                        <DataTemplate>
+                                            <ContentPresenter Content="{TemplateBinding Content}">
+                                                <ContentPresenter.LayoutTransform>
+                                                    <RotateTransform Angle="90" />
+                                                </ContentPresenter.LayoutTransform>
+                                            </ContentPresenter>
+                                        </DataTemplate>
+                                    </Setter.Value>
+                                </Setter>
+                            </Style>
+                        </TabControl.Resources>
+                        <TabItem Header="Test1">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Right Test 1" />
+                        </TabItem>
+                        <TabItem Header="Test2">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Right Test 2" />
+                        </TabItem>
+                        <TabItem Header="Test3">
+                            <TextBlock FontSize="12" Text="TabStripPlacement Right Test 3" />
+                        </TabItem>
+                    </Controls:MetroAnimatedSingleRowTabControl>
+                </Grid>
 
-            </Expander>
-        </StackPanel>
+                <Label Margin="0 5 0 0"
+                       Content="MetroTabControl w/ Closable Items"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <Controls:MetroTabControl TabItemClosingEvent="MetroTabControl_TabItemClosingEvent">
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="20"
+                                           CloseButtonEnabled="True"
+                                           CloseTabCommand="{Binding SingleCloseTabCommand}"
+                                           CloseTabCommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=Header}"
+                                           Header="headers">
+                        <TextBlock FontSize="30" Text="you can bind to a command" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="22"
+                                           CloseButtonEnabled="True"
+                                           CloseTabCommand="{Binding NeverCloseTabCommand}"
+                                           CloseTabCommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=Header}"
+                                           Header="can">
+                        <TextBlock FontSize="30" Text="and ensure the command never closes" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="24"
+                                           CloseButtonEnabled="True"
+                                           Header="have">
+                        <TextBlock FontSize="30" Text="More more content" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="26"
+                                           CloseButtonEnabled="True"
+                                           Header="different">
+                        <TextBlock FontSize="30" Text="So much content!" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="28"
+                                           CloseButtonEnabled="True"
+                                           Header="font">
+                        <TextBlock FontSize="30" Text="Content!" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="30"
+                                           CloseButtonEnabled="True"
+                                           Header="sizes">
+                        <TextBlock FontSize="30" Text="This is not content (it is). This one won't close." />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="36"
+                                           CloseButtonEnabled="True"
+                                           Header="close button">
+                        <TextBlock FontSize="24" Text="The size of close button will be changed proportionately considering its header size." />
+                    </Controls:MetroTabItem>
+                </Controls:MetroTabControl>
+
+                <Label Margin="0 5 0 0"
+                       Content="MetroTabControl style"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal">
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Keep VisualTree in memory" />
+                    <CheckBox x:Name="KeepVisualTreeInMemoryCheckBox"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              IsChecked="{Binding ElementName=MetroTabControl, Path=KeepVisualTreeInMemoryWhenChangingTabs, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="Underlined type" />
+                    <ComboBox x:Name="MetroTabControlUnderlinedComboBox"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource UnderlinedEnumValues}}"
+                              SelectedIndex="0" />
+                    <TextBlock Margin="5 5"
+                               VerticalAlignment="Center"
+                               Text="TabStripPlacement" />
+                    <ComboBox x:Name="MetroTabStripPlacementComboBox"
+                              Width="100"
+                              Margin="5 5"
+                              HorizontalAlignment="Left"
+                              VerticalAlignment="Center"
+                              ItemsSource="{Binding Source={StaticResource TabStripPlacementEnumValues}}"
+                              SelectedItem="{x:Static Dock.Top}" />
+                </StackPanel>
+                <Controls:MetroTabControl x:Name="MetroTabControl"
+                                          Height="200"
+                                          Controls:TabControlHelper.Underlined="{Binding ElementName=MetroTabControlUnderlinedComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                          KeepVisualTreeInMemoryWhenChangingTabs="True"
+                                          TabStripPlacement="{Binding ElementName=MetroTabStripPlacementComboBox, Path=SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _1">
+                        <StackPanel Orientation="Horizontal">
+                            <TextBlock FontSize="30" Text="Load-Count: " />
+                            <TextBlock FontSize="30"
+                                       Loaded="TextBlock_OnLoaded"
+                                       Text="0" />
+                        </StackPanel>
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _2 more">
+                        <TextBlock FontSize="30" Text="More content" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _3 header here">
+                        <TextBlock FontSize="30" Text="More more content" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _4 ">
+                        <TextBlock FontSize="30" Text="So much content!" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18"
+                                           CloseButtonEnabled="True"
+                                           Header="item _5">
+                        <TextBlock FontSize="30" Text="Content!" />
+                    </Controls:MetroTabItem>
+                    <Controls:MetroTabItem Controls:ControlsHelper.HeaderFontSize="18" Header="item _6">
+                        <TextBlock FontSize="30" Text="This is not content (it is)" />
+                    </Controls:MetroTabItem>
+                </Controls:MetroTabControl>
+            </StackPanel>
 
-    </ScrollViewer>
+        </Expander>
+    </StackPanel>
 
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TilesExample.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TilesExample.xaml
index 2eefda19b2..26d630577c 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TilesExample.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TilesExample.xaml
@@ -29,90 +29,86 @@
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <ScrollViewer Controls:ScrollViewerHelper.IsHorizontalScrollWheelEnabled="True"
-                  HorizontalScrollBarVisibility="Visible"
-                  VerticalScrollBarVisibility="Disabled">
-        <Grid Background="{DynamicResource AccentColorBrush4}">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="100" />
-                <ColumnDefinition Width="430*" />
-            </Grid.ColumnDefinitions>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="83*" />
-                <RowDefinition Height="259*" />
-            </Grid.RowDefinitions>
+    <Grid Background="{DynamicResource AccentColorBrush4}">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="100" />
+            <ColumnDefinition Width="430*" />
+        </Grid.ColumnDefinitions>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="83*" />
+            <RowDefinition Height="259*" />
+        </Grid.RowDefinitions>
 
-            <TextBlock Grid.Column="1"
-                       VerticalAlignment="Center"
-                       FontFamily="Segoe UI"
-                       FontSize="30"
-                       FontWeight="Light"
-                       Foreground="{DynamicResource BlackBrush}"
-                       Text="Only some Tiles in a WrapPanel" />
+        <TextBlock Grid.Column="1"
+                   VerticalAlignment="Center"
+                   FontFamily="Segoe UI"
+                   FontSize="30"
+                   FontWeight="Light"
+                   Foreground="{DynamicResource BlackBrush}"
+                   Text="Only some Tiles in a WrapPanel" />
 
-            <WrapPanel Grid.Row="1"
-                       Grid.Column="1"
-                       Width="940"
-                       Height="382"
-                       HorizontalAlignment="Left"
-                       VerticalAlignment="Top">
-                <Controls:Tile Title="Mail"
-                               Margin="3"
-                               Controls:ControlsHelper.MouseOverBorderBrush="{DynamicResource BlackBrush}"
-                               Background="Teal"
-                               HorizontalTitleAlignment="Right"
-                               Style="{StaticResource LargeTileStyle}">
-                    <iconPacks:PackIconModern Width="40"
-                                              Height="40"
-                                              Kind="Email" />
-                </Controls:Tile>
-                <Controls:Tile Title="Desktop"
-                               Margin="3"
-                               Controls:ControlsHelper.MouseOverBorderBrush="{DynamicResource BlackBrush}"
-                               Style="{StaticResource LargeTileStyle}">
-                    <iconPacks:PackIconFontAwesome Width="40"
-                                                   Height="40"
-                                                   Kind="DesktopSolid" />
-                </Controls:Tile>
-                <Controls:Tile Title="Finance"
-                               Background="DimGray"
-                               Style="{StaticResource LargeTileStyle}">
-                    <iconPacks:PackIconModern Width="40"
-                                              Height="40"
-                                              Kind="Money" />
-                </Controls:Tile>
-                <Controls:Tile Title="People"
-                               Background="#D2691E"
-                               HorizontalTitleAlignment="Right"
-                               Style="{StaticResource LargeTileStyle}">
-                    <iconPacks:PackIconModern Width="40"
-                                              Height="40"
-                                              Kind="PeopleMultiple" />
-                </Controls:Tile>
-                <Controls:Tile Title="Count"
-                               Background="#FF842D"
-                               Count="28"
-                               CountFontSize="42"
-                               HorizontalTitleAlignment="Center"
-                               IsEnabled="False"
-                               Style="{StaticResource SmallTileStyle}"
-                               TitleFontSize="16"
-                               VerticalTitleAlignment="Top" />
-                <Controls:Tile Title="Weather"
-                               Background="#1E90FF"
-                               Style="{StaticResource SmallTileStyle}">
-                    <iconPacks:PackIconMaterial Width="40"
-                                                Height="40"
-                                                Kind="WeatherCloudy" />
-                </Controls:Tile>
-                <Controls:Tile Title="Store"
-                               Background="Green"
-                               Style="{StaticResource LargeTileStyle}">
-                    <iconPacks:PackIconEntypo Width="40"
-                                              Height="40"
-                                              Kind="WindowsStore" />
-                </Controls:Tile>
-            </WrapPanel>
-        </Grid>
-    </ScrollViewer>
+        <WrapPanel Grid.Row="1"
+                   Grid.Column="1"
+                   Width="940"
+                   Height="382"
+                   HorizontalAlignment="Left"
+                   VerticalAlignment="Top">
+            <Controls:Tile Title="Mail"
+                           Margin="3"
+                           Controls:ControlsHelper.MouseOverBorderBrush="{DynamicResource BlackBrush}"
+                           Background="Teal"
+                           HorizontalTitleAlignment="Right"
+                           Style="{StaticResource LargeTileStyle}">
+                <iconPacks:PackIconModern Width="40"
+                                          Height="40"
+                                          Kind="Email" />
+            </Controls:Tile>
+            <Controls:Tile Title="Desktop"
+                           Margin="3"
+                           Controls:ControlsHelper.MouseOverBorderBrush="{DynamicResource BlackBrush}"
+                           Style="{StaticResource LargeTileStyle}">
+                <iconPacks:PackIconFontAwesome Width="40"
+                                               Height="40"
+                                               Kind="DesktopSolid" />
+            </Controls:Tile>
+            <Controls:Tile Title="Finance"
+                           Background="DimGray"
+                           Style="{StaticResource LargeTileStyle}">
+                <iconPacks:PackIconModern Width="40"
+                                          Height="40"
+                                          Kind="Money" />
+            </Controls:Tile>
+            <Controls:Tile Title="People"
+                           Background="#D2691E"
+                           HorizontalTitleAlignment="Right"
+                           Style="{StaticResource LargeTileStyle}">
+                <iconPacks:PackIconModern Width="40"
+                                          Height="40"
+                                          Kind="PeopleMultiple" />
+            </Controls:Tile>
+            <Controls:Tile Title="Count"
+                           Background="#FF842D"
+                           Count="28"
+                           CountFontSize="42"
+                           HorizontalTitleAlignment="Center"
+                           IsEnabled="False"
+                           Style="{StaticResource SmallTileStyle}"
+                           TitleFontSize="16"
+                           VerticalTitleAlignment="Top" />
+            <Controls:Tile Title="Weather"
+                           Background="#1E90FF"
+                           Style="{StaticResource SmallTileStyle}">
+                <iconPacks:PackIconMaterial Width="40"
+                                            Height="40"
+                                            Kind="WeatherCloudy" />
+            </Controls:Tile>
+            <Controls:Tile Title="Store"
+                           Background="Green"
+                           Style="{StaticResource LargeTileStyle}">
+                <iconPacks:PackIconEntypo Width="40"
+                                          Height="40"
+                                          Kind="WindowsStore" />
+            </Controls:Tile>
+        </WrapPanel>
+    </Grid>
 </UserControl>
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
index 54f6063d7b..f829c53a3a 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindow.xaml
@@ -239,80 +239,80 @@
 
         <Controls:MetroAnimatedSingleRowTabControl x:Name="MainTabControl" Grid.Row="1">
             <TabItem Header="buttons">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:ButtonsExample DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="text">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:TextExamples DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="dates">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:DateExamples DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="selection">
-                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
-                              HorizontalScrollBarVisibility="Auto">
-                    <exampleViews:SelectionExamples DataContext="{Binding}" />
-                </ScrollViewer>
+                <exampleViews:SelectionExamples DataContext="{Binding}" />
             </TabItem>
             <TabItem Header="sliders">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:Sliders DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="progress">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:ProgressBars DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="splitview">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2" VerticalScrollBarVisibility="Auto">
                     <exampleViews:SplitViewExamples DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="hamburger">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
-                    <exampleViews:HamburgerMenuSample DataContext="{Binding}" />
-                </ScrollViewer>
+                <exampleViews:HamburgerMenuSample DataContext="{Binding}" />
             </TabItem>
             <TabItem Header="tabcontrol">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Disabled"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:TabControlExamples DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="datagrid">
-                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
-                              HorizontalScrollBarVisibility="Auto">
-                    <exampleViews:DataGridExamples DataContext="{Binding}" />
-                </ScrollViewer>
+                <exampleViews:DataGridExamples DataContext="{Binding}" />
             </TabItem>
             <TabItem Header="tiles">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              Controls:ScrollViewerHelper.IsHorizontalScrollWheelEnabled="True"
+                              HorizontalScrollBarVisibility="Visible"
+                              VerticalScrollBarVisibility="Disabled">
                     <exampleViews:TilesExample DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="colors">
-                <ScrollViewer VerticalScrollBarVisibility="Disabled" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:ColorExample DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
             <TabItem Header="others">
-                <ScrollViewer VerticalScrollBarVisibility="Auto" 
-                              HorizontalScrollBarVisibility="Auto">
+                <ScrollViewer Margin="2"
+                              HorizontalScrollBarVisibility="Auto"
+                              VerticalScrollBarVisibility="Auto">
                     <exampleViews:OtherExamples DataContext="{Binding}" />
                 </ScrollViewer>
             </TabItem>
diff --git a/src/MahApps.Metro/Themes/MetroTabControl.xaml b/src/MahApps.Metro/Themes/MetroTabControl.xaml
index 32bf0b24d0..9b3daaa1e0 100644
--- a/src/MahApps.Metro/Themes/MetroTabControl.xaml
+++ b/src/MahApps.Metro/Themes/MetroTabControl.xaml
@@ -6,8 +6,7 @@
         <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.TabControl.xaml" />
     </ResourceDictionary.MergedDictionaries>
 
-    <ControlTemplate x:Key="MahApps.Metro.Templates.MetroTabControl.KeepVisualTreeInMemoryWhenChangingTabs" 
-                     TargetType="{x:Type Controls:MetroTabControl}">
+    <ControlTemplate x:Key="MahApps.Metro.Templates.MetroTabControl.KeepVisualTreeInMemoryWhenChangingTabs" TargetType="{x:Type Controls:MetroTabControl}">
         <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition x:Name="ColumnDefinition0" />
@@ -83,8 +82,7 @@
         </ControlTemplate.Triggers>
     </ControlTemplate>
 
-    <ControlTemplate x:Key="MahApps.Metro.Templates.MetroTabControl.DoNotKeepVisualTreeInMemoryWhenChangingTabs" 
-                     TargetType="{x:Type Controls:MetroTabControl}">
+    <ControlTemplate x:Key="MahApps.Metro.Templates.MetroTabControl.DoNotKeepVisualTreeInMemoryWhenChangingTabs" TargetType="{x:Type Controls:MetroTabControl}">
         <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition x:Name="ColumnDefinition0" />
@@ -161,16 +159,13 @@
         </ControlTemplate.Triggers>
     </ControlTemplate>
 
-    <Style x:Key="{x:Type Controls:MetroTabControl}" 
-           TargetType="{x:Type Controls:MetroTabControl}"
-           BasedOn="{StaticResource MetroTabControl}">
-        <Setter Property="Template"
-                Value="{StaticResource MahApps.Metro.Templates.MetroTabControl.DoNotKeepVisualTreeInMemoryWhenChangingTabs}" />
+    <Style x:Key="{x:Type Controls:MetroTabControl}"
+           BasedOn="{StaticResource MetroTabControl}"
+           TargetType="{x:Type Controls:MetroTabControl}">
+        <Setter Property="Template" Value="{StaticResource MahApps.Metro.Templates.MetroTabControl.DoNotKeepVisualTreeInMemoryWhenChangingTabs}" />
         <Style.Triggers>
-            <Trigger Property="KeepVisualTreeInMemoryWhenChangingTabs"
-                     Value="True">
-                <Setter Property="Template"
-                        Value="{StaticResource MahApps.Metro.Templates.MetroTabControl.KeepVisualTreeInMemoryWhenChangingTabs}" />
+            <Trigger Property="KeepVisualTreeInMemoryWhenChangingTabs" Value="True">
+                <Setter Property="Template" Value="{StaticResource MahApps.Metro.Templates.MetroTabControl.KeepVisualTreeInMemoryWhenChangingTabs}" />
             </Trigger>
         </Style.Triggers>
     </Style>

From 2bcff8c95369989064d9849af597807c9a85c0bb Mon Sep 17 00:00:00 2001
From: punker76 <punkerat76@gmail.com>
Date: Wed, 5 Jun 2019 22:24:24 +0200
Subject: [PATCH 3/4] Add Improvement to GitReleaseManager

---
 GitReleaseManager.yaml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/GitReleaseManager.yaml b/GitReleaseManager.yaml
index 28eeca215a..b2e047f1ab 100644
--- a/GitReleaseManager.yaml
+++ b/GitReleaseManager.yaml
@@ -15,6 +15,7 @@ issue-labels-include:
 - Bug
 - Feature
 - Feature Request
+- Improvement
 issue-labels-exclude:
 - Internal Refactoring
 - Build

From 26092b024cd0b462c2c9bd7582deb03b1341e932 Mon Sep 17 00:00:00 2001
From: punker76 <punkerat76@gmail.com>
Date: Wed, 5 Jun 2019 22:59:37 +0200
Subject: [PATCH 4/4] (GH-3521) Workaround for RichTextBox behaves oddly inside
 a ScrollViewer

The workaround would be to bind the Documents PageWidth to the RichTextBox's ActualWidth
---
 .../MahApps.Metro.Demo/ExampleViews/TextExamples.xaml | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TextExamples.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TextExamples.xaml
index 5e2b546c76..978188d891 100644
--- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TextExamples.xaml
+++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/TextExamples.xaml
@@ -185,7 +185,12 @@
                              Controls:TextBoxHelper.SelectAllOnFocus="True"
                              IsDocumentEnabled="True"
                              SpellCheck.IsEnabled="True">
-                    <FlowDocument>
+                    <!--
+                        Workaround for: RichTextBox behaves oddly inside a ScrollViewer
+                        
+                        The workaround would be to bind the Documents PageWidth to the RichTextBox's ActualWidth
+                    -->
+                    <FlowDocument PageWidth="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type RichTextBox}}, Path=ActualWidth}">
                         <Paragraph>
                             <Hyperlink NavigateUri="https://github.com/MahApps/MahApps.Metro">
                                 <Run Text="Normal" />
@@ -200,7 +205,7 @@
                              Padding="5"
                              IsDocumentEnabled="True"
                              IsReadOnly="True">
-                    <FlowDocument>
+                    <FlowDocument PageWidth="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type RichTextBox}}, Path=ActualWidth}">
                         <Paragraph>
                             <Hyperlink NavigateUri="https://github.com/MahApps/MahApps.Metro">
                                 <Run Text="ReadOnly" />
@@ -215,7 +220,7 @@
                              Padding="5"
                              IsDocumentEnabled="True"
                              IsEnabled="False">
-                    <FlowDocument>
+                    <FlowDocument PageWidth="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type RichTextBox}}, Path=ActualWidth}">
                         <Paragraph>
                             <Hyperlink NavigateUri="https://github.com/MahApps/MahApps.Metro">
                                 <Run Text="Disabled" />