Successfully injected XamlDisplayerPanel into Sliders.xaml

Author: wongjiahau

MainDemo.Wpf/Sliders.xaml

@@ -16,28 +16,21 @@
         </ResourceDictionary>
     </UserControl.Resources>
     <ScrollViewer>
-        <StackPanel>
-            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
-                <TextBlock VerticalAlignment="Center" Margin="10">Display code</TextBlock>
-                <ToggleButton x:Name="ToggleButton" IsChecked="True"></ToggleButton>
-                <ToggleButton Click="ButtonBase_OnClick"></ToggleButton>
-            </StackPanel>
-            <codeDisplayer:XamlDisplayerPanel DisplayMode="LeftRight" IsCodeDisplayed="{Binding Path=IsChecked, ElementName=ToggleButton}" x:Name="XamlDisplayerPanel" VerticalAlignment="Center">
-                <Slider TickFrequency="5" Orientation="Horizontal" Minimum="1" Maximum="50" Value="25" />
-                <Slider TickFrequency="5" TickPlacement="BottomRight" Height="50" Orientation="Vertical" Minimum="1" Maximum="50" />
-                <Slider TickFrequency="25" TickPlacement="TopLeft" Orientation="Vertical" Minimum="1" Maximum="50" IsEnabled="False" Margin="24 8 0 8" />
-                <Slider TickFrequency="5" Orientation="Horizontal" TickPlacement="BottomRight" Minimum="1" Maximum="50" Value="25" IsSelectionRangeEnabled="True"
+        <codeDisplayer:XamlDisplayerPanel DisplayMode="LeftRight" IsCodeDisplayed="{Binding Path=IsChecked, ElementName=ToggleButton}" x:Name="XamlDisplayerPanel" VerticalAlignment="Center">
+            <Slider TickFrequency="5" Width="150" Orientation="Horizontal" Minimum="1" Maximum="50" Value="25" />
+            <Slider TickFrequency="5" TickPlacement="BottomRight" Height="50" Orientation="Vertical" Minimum="1" Maximum="50" />
+            <Slider TickFrequency="25"  Height="150" TickPlacement="TopLeft" Orientation="Vertical" Minimum="1" Maximum="50" IsEnabled="False" Margin="24 8 0 8" />
+            <Slider TickFrequency="5"  Width="150" Orientation="Horizontal" TickPlacement="BottomRight" Minimum="1" Maximum="50" Value="25" IsSelectionRangeEnabled="True"
                 Margin="0 36 0 0" />
-                <Slider TickFrequency="5" Orientation="Horizontal" TickPlacement="BottomRight" Minimum="1" Maximum="50" Value="25" IsEnabled="False"
+            <Slider Width="150" TickFrequency="5" Orientation="Horizontal" TickPlacement="BottomRight" Minimum="1" Maximum="50" Value="25" IsEnabled="False"
                 Margin="0 36 0 0" />
-                <Slider Minimum="0" Maximum="100" Style="{StaticResource MaterialDesignDiscreteSlider}" 
+            <Slider Minimum="0" Maximum="100" Style="{StaticResource MaterialDesignDiscreteSlider}" 
                     ToolTip="MaterialDesignDiscreteSlider"
                     Value="50"
                     Width="280" 
                     Margin="8 0 0 0"/>
-                <Slider Minimum="0" Maximum="10" Margin="0 24 0 0" Style="{StaticResource MaterialDesignDiscreteSlider}"
+            <Slider Minimum="0" Maximum="10" Margin="0 24 0 0" Style="{StaticResource MaterialDesignDiscreteSlider}"
                 Width="260" HorizontalAlignment="Left" ToolTip="MaterialDesignDiscreteSlider"/>
-            </codeDisplayer:XamlDisplayerPanel>
-        </StackPanel>
+        </codeDisplayer:XamlDisplayerPanel>
     </ScrollViewer>
 </UserControl>