Adding More Slider Examples to TestUI Page (#4040)

* AddedSliderExamples

Added Examples of Sliders with TickPlacements as well as Vertical Slider examples

* AddedSliderExamples

Added Examples of Sliders with TickPlacements as well as Vertical Slider examples

* Hopefully based on master and adding Slider Examples

* Update SliderPage.xaml

Removed whitespace I added to attempt to push a change to the file.

* Remerged with master

Author: mdtauk

dev/Slider/TestUI/SliderPage.xaml

@@ -9,11 +9,45 @@
     mc:Ignorable="d"
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
 
-    <StackPanel Margin="12">
-        <TextBlock Text="Sample Slider" Style="{ThemeResource StandardGroupHeader}"/>
-        <Slider/>
-        <Slider Header="Slider with header"/>
-        <Slider Header="Slider with preset values" Value="25" Minimum="0" Maximum="50"/>
-    </StackPanel>
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="1.25*"/>
+        </Grid.ColumnDefinitions>
+
+        <ScrollViewer  Grid.Column="0">
+            <StackPanel Orientation="Vertical" Margin="12" Grid.Column="0">
+                <TextBlock Text="Sample Horizontal Sliders" Style="{ThemeResource StandardGroupHeader}"/>
+                <StackPanel Orientation="Vertical">
+                    <Slider Margin="12,12,12,32" />
+                    <Slider Header="Slider with header" Margin="12" />
+                    <Slider Header="Slider with preset values" Value="25" Minimum="0" Maximum="50" Margin="12" />
+                    <Slider Header="Slider with TickPlacement Inline" Margin="12" TickPlacement="Inline" TickFrequency="12"/>
+                    <Slider Header="Slider with TickPlacement Outside" Margin="12" TickPlacement="Outside" TickFrequency="12"/>
+                    <Slider Header="Slider with TickPlacement TopLeft" Margin="12" TickPlacement="TopLeft" TickFrequency="12"/>
+                    <Slider Header="Slider with TickPlacement BottomRight" Margin="12" TickPlacement="BottomRight" TickFrequency="12"/>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+
+        <ScrollViewer  Grid.Column="1">
+            <StackPanel Orientation="Vertical" Margin="12">
+                <TextBlock Text="Sample Vertical Sliders" Style="{ThemeResource StandardGroupHeader}"/>
+                <StackPanel Orientation="Horizontal" Height="240">
+                    <Slider Orientation="Vertical" Margin="12,12,64,12"/>
+                    <Slider Header="Slider with header" Orientation="Vertical" Margin="12" />
+                    <Slider Header="Slider with preset values" Value="25" Minimum="0" Maximum="50" Orientation="Vertical" Margin="12" />
+                </StackPanel>
+                <StackPanel Orientation="Horizontal" Height="240" Margin="0,12,0,0">
+                    <Slider Header="Slider with TickPlacement Inline" Orientation="Vertical" Margin="12" TickPlacement="Inline" TickFrequency="12"/>
+                    <Slider Header="Slider with TickPlacement Outside" Orientation="Vertical" Margin="12" TickPlacement="Outside" TickFrequency="12"/>
+                </StackPanel>
+                <StackPanel Orientation="Horizontal" Height="240" Margin="0,12,0,0">
+                    <Slider Header="Slider with TickPlacement TopLeft" Orientation="Vertical" Margin="12" TickPlacement="TopLeft" TickFrequency="12"/>
+                    <Slider Header="Slider with TickPlacement BottomRight" Orientation="Vertical" Margin="12" TickPlacement="BottomRight" TickFrequency="12"/>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+    </Grid> 
 
 </local:TestPage>