diff --git a/src/Shared/HandyControlDemo_Shared/Data/MessageToken.cs b/src/Shared/HandyControlDemo_Shared/Data/MessageToken.cs
index 9567de5c..c354f6be 100644
--- a/src/Shared/HandyControlDemo_Shared/Data/MessageToken.cs
+++ b/src/Shared/HandyControlDemo_Shared/Data/MessageToken.cs
@@ -170,5 +170,7 @@
 
         public static readonly string MainWindow = nameof(MainWindow);
 
+        public static readonly string OverView = nameof(OverView);
+
     }
 }
\ No newline at end of file
diff --git a/src/Shared/HandyControlDemo_Shared/Data/MessageToken.tt b/src/Shared/HandyControlDemo_Shared/Data/MessageToken.tt
index 13e61674..d2b78d87 100644
--- a/src/Shared/HandyControlDemo_Shared/Data/MessageToken.tt
+++ b/src/Shared/HandyControlDemo_Shared/Data/MessageToken.tt
@@ -96,7 +96,8 @@ var messageList = new List<string>
 	"SendChatMessage",
 	"GrowlDemoPanel",
 	"DialogDemoWindow",
-	"MainWindow"
+	"MainWindow",
+	"OverView"
 };
 #>
 namespace HandyControlDemo.Data
diff --git a/src/Shared/HandyControlDemo_Shared/HandyControlDemo_Shared.projitems b/src/Shared/HandyControlDemo_Shared/HandyControlDemo_Shared.projitems
index c189a905..79aecd24 100644
--- a/src/Shared/HandyControlDemo_Shared/HandyControlDemo_Shared.projitems
+++ b/src/Shared/HandyControlDemo_Shared/HandyControlDemo_Shared.projitems
@@ -176,6 +176,9 @@
     <Compile Include="$(MSBuildThisFileDirectory)UserControl\Controls\WindowDemoCtl.xaml.cs">
       <DependentUpon>WindowDemoCtl.xaml</DependentUpon>
     </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)UserControl\Main\OverView.xaml.cs">
+      <DependentUpon>OverView.xaml</DependentUpon>
+    </Compile>
     <Compile Include="$(MSBuildThisFileDirectory)UserControl\Main\ContributorsView.xaml.cs">
       <DependentUpon>ContributorsView.xaml</DependentUpon>
     </Compile>
@@ -553,6 +556,10 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="$(MSBuildThisFileDirectory)UserControl\Main\OverView.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="$(MSBuildThisFileDirectory)UserControl\Main\ContributorsView.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
diff --git a/src/Shared/HandyControlDemo_Shared/MainWindow.xaml.cs b/src/Shared/HandyControlDemo_Shared/MainWindow.xaml.cs
index bb90030a..ec24646f 100644
--- a/src/Shared/HandyControlDemo_Shared/MainWindow.xaml.cs
+++ b/src/Shared/HandyControlDemo_Shared/MainWindow.xaml.cs
@@ -1,6 +1,9 @@
-using System.ComponentModel;
+using System;
+using System.ComponentModel;
+using GalaSoft.MvvmLight.Messaging;
 using HandyControl.Controls;
 using HandyControlDemo.Data;
+using HandyControlDemo.Tools;
 
 namespace HandyControlDemo
 {
@@ -11,6 +14,15 @@ namespace HandyControlDemo
             InitializeComponent();
         }
 
+        protected override void OnInitialized(EventArgs e)
+        {
+            base.OnInitialized(e);
+
+            Messenger.Default.Send<object>(null, MessageToken.ClearLeftSelected);
+            Messenger.Default.Send(true, MessageToken.FullSwitch);
+            Messenger.Default.Send(AssemblyHelper.CreateInternalInstance($"UserControl.{MessageToken.OverView}"), MessageToken.LoadShowContent);
+        }
+
         protected override void OnClosing(CancelEventArgs e)
         {
             if (GlobalData.NotifyIconIsShow)
diff --git a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.Designer.cs b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.Designer.cs
index c4a75fbe..61421dcd 100644
--- a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.Designer.cs
+++ b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.Designer.cs
@@ -47,7 +47,7 @@ namespace HandyControlDemo.Properties.Langs {
         }
         
         /// <summary>
-        ///   使用此强类型资源类，为所有资源查找
+        ///   重写当前线程的 CurrentUICulture 属性
         ///   重写当前线程的 CurrentUICulture 属性。
         /// </summary>
         [global::System.ComponentModel.EditorBrowsableAttribute(global::System.ComponentModel.EditorBrowsableState.Advanced)]
@@ -879,6 +879,15 @@ namespace HandyControlDemo.Properties.Langs {
             }
         }
         
+        /// <summary>
+        ///   查找类似 概览 的本地化字符串。
+        /// </summary>
+        public static string Overview {
+            get {
+                return ResourceManager.GetString("Overview", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   查找类似 页码条 的本地化字符串。
         /// </summary>
diff --git a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.en.resx b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.en.resx
index 5cad6050..9ed862a8 100644
--- a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.en.resx
+++ b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.en.resx
@@ -579,4 +579,7 @@
   <data name="SideMenu" xml:space="preserve">
     <value>SideMenu</value>
   </data>
+  <data name="Overview" xml:space="preserve">
+    <value>Overview</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.resx b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.resx
index 72ded0fb..d83c268e 100644
--- a/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.resx
+++ b/src/Shared/HandyControlDemo_Shared/Properties/Langs/Lang.resx
@@ -579,4 +579,7 @@
   <data name="SideMenu" xml:space="preserve">
     <value>侧边菜单</value>
   </data>
+  <data name="Overview" xml:space="preserve">
+    <value>概览</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Controls/ScrollViewerDemoCtl.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Controls/ScrollViewerDemoCtl.xaml
index 12abfc01..aad157d0 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Controls/ScrollViewerDemoCtl.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Controls/ScrollViewerDemoCtl.xaml
@@ -15,27 +15,27 @@
             <Border BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
                 <controls:ScrollViewer Orientation="Horizontal" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Hidden" IsEnableInertia="True">
                     <StackPanel Orientation="Horizontal">
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
@@ -46,27 +46,27 @@
             <Border Grid.Row="1" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Margin="0,16,0,0">
                 <controls:ScrollViewer IsEnableInertia="True">
                     <WrapPanel Orientation="Horizontal">
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Main/LeftMainContent.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Main/LeftMainContent.xaml
index 53d8d6de..1cc52d85 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Main/LeftMainContent.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Main/LeftMainContent.xaml
@@ -8,413 +8,416 @@
         xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
         xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
-    <TabControl SelectionChanged="TabControl_OnSelectionChanged" Style="{StaticResource TabControlInLine}" Background="Transparent" >
-        <i:Interaction.Triggers>
-            <i:EventTrigger EventName="SelectionChanged">
-                <command:EventToCommand Command="{Binding SwitchDemoCmd}" PassEventArgsToCommand="True" />
-            </i:EventTrigger>
-        </i:Interaction.Triggers>
-        <TabItem Background="Transparent" Header="{x:Static langs:Lang.Styles}">
-            <Grid>
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto"/>
-                    <RowDefinition/>
-                </Grid.RowDefinitions>
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition/>
-                    <ColumnDefinition Width="Auto"/>
-                </Grid.ColumnDefinitions>
-                <controls:SearchBar x:Name="SearchBarStyle" SearchStarted="SearchBarStyle_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
-                <ToggleButton Name="ButtonStyleAscending" Click="ButtonStyleAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
-                    <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
-                        <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
-                    </Border>
-                    <controls:StatusSwitchElement.CheckedElement>
-                        <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
-                    </controls:StatusSwitchElement.CheckedElement>
-                </ToggleButton>
-                <ListBox Name="ListBoxStyle" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single" Style="{StaticResource ListBoxTransparent}">
-                    <ListBoxItem Tag="{x:Static data:MessageToken.BrushDemoCtl}" Content="{x:Static langs:Lang.Brush}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Brush_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ButtonDemoCtl}" Content="{x:Static langs:Lang.Button}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ButtonClick_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.RepeatButtonDemoCtl}" Content="{x:Static langs:Lang.RepeatButton}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/RepeatButton_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ToggleButtonDemoCtl}" Content="{x:Static langs:Lang.ToggleButton}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Toggle_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.RadioButtonDemoCtl}" Content="{x:Static langs:Lang.RadioButton}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/RadioButton_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CheckBoxDemoCtl}" Content="{x:Static langs:Lang.CheckBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/CheckBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.SliderDemoCtl}" Content="{x:Static langs:Lang.Slider}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Slider_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TextBlockDemoCtl}" Content="{x:Static langs:Lang.TextBlock}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeTextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativePasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ExpanderDemoCtl}" Content="{x:Static langs:Lang.Expander}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Expander_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeProgressBarDemoCtl}" Content="{x:Static langs:Lang.ProgressBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ProgressBar_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CalendarDemoCtl}" Content="{x:Static langs:Lang.Calendar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeDatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NativeTabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.DataGridDemoCtl}" Content="{x:Static langs:Lang.DataGrid}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DataGrid_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TreeViewDemoCtl}" Content="{x:Static langs:Lang.TreeView}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TreeView_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ListBoxDemoCtl}" Content="{x:Static langs:Lang.ListBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ListBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ListViewDemoCtl}" Content="{x:Static langs:Lang.ListView}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ListView_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.GroupBoxDemoCtl}" Content="{x:Static langs:Lang.GroupBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/GroupBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.MenuDemoCtl}" Content="{x:Static langs:Lang.Menu}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ContextMenu_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.RichTextBoxDemoCtl}" Content="{x:Static langs:Lang.RichTextBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/RichTextBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ToolBarDemoCtl}" Content="{x:Static langs:Lang.ToolBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ToolBar_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.BorderDemoCtl}" Content="{x:Static langs:Lang.Border1}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/BorderElement_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.LabelDemoCtl}" Content="{x:Static langs:Lang.Label}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Label_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    
-                </ListBox>
-            </Grid>
-        </TabItem>
-        <TabItem Background="Transparent" Header="{x:Static langs:Lang.Controls}">
-            <Grid>
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto"/>
-                    <RowDefinition/>
-                </Grid.RowDefinitions>
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition/>
-                    <ColumnDefinition Width="Auto"/>
-                </Grid.ColumnDefinitions>
-                <controls:SearchBar SearchStarted="SearchBarControl_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
-                <ToggleButton Name="ButtonControlAscending" Click="ButtonControlAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
-                    <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
-                        <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
-                    </Border>
-                    <controls:StatusSwitchElement.CheckedElement>
-                        <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
-                    </controls:StatusSwitchElement.CheckedElement>
-                </ToggleButton>
-                <ListBox Name="ListBoxControl" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single"  Style="{StaticResource ListBoxTransparent}">
-                    <ListBoxItem Tag="{x:Static data:MessageToken.GravatarDemoCtl}" Content="{x:Static langs:Lang.Gravatar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/User_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.BadgeDemoCtl}" Content="{x:Static langs:Lang.Badge}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DotLarge_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.GotoTopDemoCtl}" Content="{x:Static langs:Lang.GotoTop}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/GoToTop_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ProgressButtonDemoCtl}" Content="{x:Static langs:Lang.ProgressButton}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ProgressButton_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ChatBubbleDemoCtl}" Content="{x:Static langs:Lang.ChatBubble}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Bubble_16xLG.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.NotifyIconDemoCtl}" Content="{x:Static langs:Lang.NotifyIcon}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/NotificationHub_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.NumericUpDownDemoCtl}" Content="{x:Static langs:Lang.NumericUpDown}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/NumericListBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.PasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.DatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ClockDemoCtl}" Content="{x:Static langs:Lang.Clock}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Time_color_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TimePickerDemoCtl}" Content="{x:Static langs:Lang.TimePicker}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TimePicker_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CalendarWithClockDemoCtl}" Content="{x:Static langs:Lang.CalendarWithClock}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.DateTimePickerDemoCtl}" Content="{x:Static langs:Lang.DateTimePicker}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TransferDemoCtl}" Content="{x:Static langs:Lang.Transfer}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Transfer_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.FlipClockDemoCtl}" Content="{x:Static langs:Lang.FlipClock}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/FlipVertical_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.RateDemoCtl}" Content="{x:Static langs:Lang.Rate}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Star.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ShieldDemoCtl}" Content="{x:Static langs:Lang.Shield}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Shield_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.SearchBarDemoCtl}" Content="{x:Static langs:Lang.SearchBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Search_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TagDemoCtl}" Content="{x:Static langs:Lang.Tag}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Tag_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.GifImageDemoCtl}" Content="{x:Static langs:Lang.GifImage}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Animation_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.OutlineTextDemoCtl}" Content="{x:Static langs:Lang.OutlineText}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CirclePanelDemoCtl}" Content="{x:Static langs:Lang.CirclePanel}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ColorWheel_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.WaterfallPanelDemoCtl}" Content="{x:Static langs:Lang.WaterfallPanel}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Panel_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CoverViewDemoCtl}" Content="{x:Static langs:Lang.CoverView}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/DetailDataView_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CoverFlowDemoCtl}" Content="{x:Static langs:Lang.CoverFlow}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/LinearCarousel_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.ProgressBarDemoCtl}" Content="{x:Static langs:Lang.ProgressBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ProgressBar_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.StepBarDemoCtl}" Content="{x:Static langs:Lang.StepBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Flow_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.GrowlDemoCtl}" Content="{x:Static langs:Lang.Growl}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Message_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.LoadingDemoCtl}" Content="{x:Static langs:Lang.Loading}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Loading_Blue_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ImageBrowserDemoCtl}" Content="{x:Static langs:Lang.ImageBrowser}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ImageBrowser_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ColorPickerDemoCtl}" Content="{x:Static langs:Lang.ColorPicker}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ColorPalette_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CarouselDemoCtl}" Content="{x:Static langs:Lang.Carousel}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Carousel_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.CompareSliderDemoCtl}" Content="{x:Static langs:Lang.CompareSlider}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/SplitterControl_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.PreviewSliderDemoCtl}" Content="{x:Static langs:Lang.PreviewSlider}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/HoverMenu_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TimeBarDemoCtl}" Content="{x:Static langs:Lang.TimeBar}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Timeline_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.PaginationDemoCtl}" Content="{x:Static langs:Lang.Pagination}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Paginator_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.AnimationPathDemoCtl}" Content="{x:Static langs:Lang.AnimationPath}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Path_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.TabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.SideMenuDemoCtl}" Content="{x:Static langs:Lang.SideMenu}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/MainMenuControl_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.ScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.DialogDemoCtl}" Content="{x:Static langs:Lang.Dialog}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/Dialog_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                    <ListBoxItem Tag="{x:Static data:MessageToken.WindowDemoCtl}" Content="{x:Static langs:Lang.Window}">
-                        <controls:EdgeElement.LeftContent>
-                            <Image Source="../../Resources/Img/LeftMainContent/WindowsForm_16x.png"/>
-                        </controls:EdgeElement.LeftContent>
-                    </ListBoxItem>
-                </ListBox>
-            </Grid>
-        </TabItem>
-    </TabControl>
+    <DockPanel>
+        <Button Command="{Binding OpenOverviewCmd}" DockPanel.Dock="Top" HorizontalAlignment="Stretch" Margin="4,4,4,0" Content="{x:Static langs:Lang.Overview}"/>
+        <TabControl SelectionChanged="TabControl_OnSelectionChanged" Style="{StaticResource TabControlInLine}" Background="Transparent" >
+            <i:Interaction.Triggers>
+                <i:EventTrigger EventName="SelectionChanged">
+                    <command:EventToCommand Command="{Binding SwitchDemoCmd}" PassEventArgsToCommand="True" />
+                </i:EventTrigger>
+            </i:Interaction.Triggers>
+            <TabItem Background="Transparent" Header="{x:Static langs:Lang.Styles}">
+                <Grid>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition/>
+                    </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition/>
+                        <ColumnDefinition Width="Auto"/>
+                    </Grid.ColumnDefinitions>
+                    <controls:SearchBar x:Name="SearchBarStyle" SearchStarted="SearchBarStyle_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
+                    <ToggleButton Name="ButtonStyleAscending" Click="ButtonStyleAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
+                        <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
+                            <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
+                        </Border>
+                        <controls:StatusSwitchElement.CheckedElement>
+                            <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
+                        </controls:StatusSwitchElement.CheckedElement>
+                    </ToggleButton>
+                    <ListBox Name="ListBoxStyle" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single" Style="{StaticResource ListBoxTransparent}">
+                        <ListBoxItem Tag="{x:Static data:MessageToken.BrushDemoCtl}" Content="{x:Static langs:Lang.Brush}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Brush_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ButtonDemoCtl}" Content="{x:Static langs:Lang.Button}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ButtonClick_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.RepeatButtonDemoCtl}" Content="{x:Static langs:Lang.RepeatButton}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/RepeatButton_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ToggleButtonDemoCtl}" Content="{x:Static langs:Lang.ToggleButton}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Toggle_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.RadioButtonDemoCtl}" Content="{x:Static langs:Lang.RadioButton}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/RadioButton_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CheckBoxDemoCtl}" Content="{x:Static langs:Lang.CheckBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/CheckBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.SliderDemoCtl}" Content="{x:Static langs:Lang.Slider}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Slider_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TextBlockDemoCtl}" Content="{x:Static langs:Lang.TextBlock}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeTextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativePasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ExpanderDemoCtl}" Content="{x:Static langs:Lang.Expander}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Expander_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeProgressBarDemoCtl}" Content="{x:Static langs:Lang.ProgressBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ProgressBar_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CalendarDemoCtl}" Content="{x:Static langs:Lang.Calendar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeDatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NativeTabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.DataGridDemoCtl}" Content="{x:Static langs:Lang.DataGrid}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DataGrid_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TreeViewDemoCtl}" Content="{x:Static langs:Lang.TreeView}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TreeView_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ListBoxDemoCtl}" Content="{x:Static langs:Lang.ListBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ListBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ListViewDemoCtl}" Content="{x:Static langs:Lang.ListView}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ListView_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.GroupBoxDemoCtl}" Content="{x:Static langs:Lang.GroupBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/GroupBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.MenuDemoCtl}" Content="{x:Static langs:Lang.Menu}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ContextMenu_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.RichTextBoxDemoCtl}" Content="{x:Static langs:Lang.RichTextBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/RichTextBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ToolBarDemoCtl}" Content="{x:Static langs:Lang.ToolBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ToolBar_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.BorderDemoCtl}" Content="{x:Static langs:Lang.Border1}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/BorderElement_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.LabelDemoCtl}" Content="{x:Static langs:Lang.Label}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Label_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+
+                    </ListBox>
+                </Grid>
+            </TabItem>
+            <TabItem Background="Transparent" Header="{x:Static langs:Lang.Controls}">
+                <Grid>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition/>
+                    </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition/>
+                        <ColumnDefinition Width="Auto"/>
+                    </Grid.ColumnDefinitions>
+                    <controls:SearchBar SearchStarted="SearchBarControl_OnSearchStarted" Style="{StaticResource SearchBarPlus}" controls:InfoElement.Placeholder="{x:Static langs:Lang.PlsEnterKey}" Margin="4"/>
+                    <ToggleButton Name="ButtonControlAscending" Click="ButtonControlAscending_OnClick" Grid.Row="0" Grid.Column="1" Margin="0,0,4,0" Style="{StaticResource ToggleButtonCustom}">
+                        <Border CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource RegionBrush}" Height="30" Width="30" >
+                            <Image Stretch="None" Source="/HandyControlDemo;component/Resources/Img/LeftMainContent/SortAscending_grey_16x.png"/>
+                        </Border>
+                        <controls:StatusSwitchElement.CheckedElement>
+                            <Border CornerRadius="4" Height="30" Width="30" BorderThickness="1" BorderBrush="{DynamicResource PrimaryBrush}"/>
+                        </controls:StatusSwitchElement.CheckedElement>
+                    </ToggleButton>
+                    <ListBox Name="ListBoxControl" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" BorderThickness="0" SelectionMode="Single"  Style="{StaticResource ListBoxTransparent}">
+                        <ListBoxItem Tag="{x:Static data:MessageToken.GravatarDemoCtl}" Content="{x:Static langs:Lang.Gravatar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/User_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.BadgeDemoCtl}" Content="{x:Static langs:Lang.Badge}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DotLarge_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.GotoTopDemoCtl}" Content="{x:Static langs:Lang.GotoTop}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/GoToTop_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ProgressButtonDemoCtl}" Content="{x:Static langs:Lang.ProgressButton}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ProgressButton_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ChatBubbleDemoCtl}" Content="{x:Static langs:Lang.ChatBubble}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Bubble_16xLG.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.NotifyIconDemoCtl}" Content="{x:Static langs:Lang.NotifyIcon}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/NotificationHub_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.NumericUpDownDemoCtl}" Content="{x:Static langs:Lang.NumericUpDown}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/NumericListBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TextBoxDemoCtl}" Content="{x:Static langs:Lang.TextBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TextBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ComboBoxDemoCtl}" Content="{x:Static langs:Lang.ComboBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ComboBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.PasswordBoxDemoCtl}" Content="{x:Static langs:Lang.PasswordBox}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/PasswordBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.DatePickerDemoCtl}" Content="{x:Static langs:Lang.DatePicker}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ClockDemoCtl}" Content="{x:Static langs:Lang.Clock}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Time_color_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TimePickerDemoCtl}" Content="{x:Static langs:Lang.TimePicker}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TimePicker_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CalendarWithClockDemoCtl}" Content="{x:Static langs:Lang.CalendarWithClock}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Calendar_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.DateTimePickerDemoCtl}" Content="{x:Static langs:Lang.DateTimePicker}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DatePicker_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TransferDemoCtl}" Content="{x:Static langs:Lang.Transfer}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Transfer_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.FlipClockDemoCtl}" Content="{x:Static langs:Lang.FlipClock}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/FlipVertical_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.RateDemoCtl}" Content="{x:Static langs:Lang.Rate}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Star.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ShieldDemoCtl}" Content="{x:Static langs:Lang.Shield}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Shield_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.SearchBarDemoCtl}" Content="{x:Static langs:Lang.SearchBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Search_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TagDemoCtl}" Content="{x:Static langs:Lang.Tag}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Tag_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.GifImageDemoCtl}" Content="{x:Static langs:Lang.GifImage}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Animation_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.OutlineTextDemoCtl}" Content="{x:Static langs:Lang.OutlineText}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TextBlock_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CirclePanelDemoCtl}" Content="{x:Static langs:Lang.CirclePanel}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ColorWheel_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.WaterfallPanelDemoCtl}" Content="{x:Static langs:Lang.WaterfallPanel}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Panel_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CoverViewDemoCtl}" Content="{x:Static langs:Lang.CoverView}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/DetailDataView_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CoverFlowDemoCtl}" Content="{x:Static langs:Lang.CoverFlow}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/LinearCarousel_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.ProgressBarDemoCtl}" Content="{x:Static langs:Lang.ProgressBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ProgressBar_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.StepBarDemoCtl}" Content="{x:Static langs:Lang.StepBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Flow_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.GrowlDemoCtl}" Content="{x:Static langs:Lang.Growl}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Message_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.LoadingDemoCtl}" Content="{x:Static langs:Lang.Loading}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Loading_Blue_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ImageBrowserDemoCtl}" Content="{x:Static langs:Lang.ImageBrowser}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ImageBrowser_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ColorPickerDemoCtl}" Content="{x:Static langs:Lang.ColorPicker}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ColorPalette_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CarouselDemoCtl}" Content="{x:Static langs:Lang.Carousel}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Carousel_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.CompareSliderDemoCtl}" Content="{x:Static langs:Lang.CompareSlider}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/SplitterControl_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.PreviewSliderDemoCtl}" Content="{x:Static langs:Lang.PreviewSlider}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/HoverMenu_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TimeBarDemoCtl}" Content="{x:Static langs:Lang.TimeBar}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Timeline_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.PaginationDemoCtl}" Content="{x:Static langs:Lang.Pagination}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Paginator_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.AnimationPathDemoCtl}" Content="{x:Static langs:Lang.AnimationPath}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Path_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.TabControlDemoCtl}" Content="{x:Static langs:Lang.TabControl}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/TabPage_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.SideMenuDemoCtl}" Content="{x:Static langs:Lang.SideMenu}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/MainMenuControl_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.ScrollViewerDemoCtl}" Content="{x:Static langs:Lang.ScrollViewer}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/ScrollBox_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Style="{StaticResource ListBoxItemNew}" Tag="{x:Static data:MessageToken.DialogDemoCtl}" Content="{x:Static langs:Lang.Dialog}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/Dialog_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                        <ListBoxItem Tag="{x:Static data:MessageToken.WindowDemoCtl}" Content="{x:Static langs:Lang.Window}">
+                            <controls:EdgeElement.LeftContent>
+                                <Image Source="../../Resources/Img/LeftMainContent/WindowsForm_16x.png"/>
+                            </controls:EdgeElement.LeftContent>
+                        </ListBoxItem>
+                    </ListBox>
+                </Grid>
+            </TabItem>
+        </TabControl>
+    </DockPanel>
 </Border>
\ No newline at end of file
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml
new file mode 100644
index 00000000..abea05d0
--- /dev/null
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml
@@ -0,0 +1,222 @@
+<UserControl x:Class="HandyControlDemo.UserControl.OverView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d"
+             Background="{DynamicResource RegionBrush}"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:userControl="clr-namespace:HandyControlDemo.UserControl"
+             d:DesignHeight="1000" 
+             d:DesignWidth="2400">
+    <ScrollViewer>
+        <Canvas Name="CanvasMain" Margin="32" Height="3000" Effect="{StaticResource EffectShadow5}">
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4">
+                <StackPanel>
+                    <Button Width="80" Content="Button" Margin="0,0,0,10"/>
+                    <Button Width="80" Content="Button" Style="{StaticResource ButtonPrimary}" Margin="0,0,0,10"/>
+                    <Button Width="80" Padding="16,8" controls:IconElement.Geometry="{StaticResource DeleteGeometry}" Margin="0,0,0,10"/>
+                    <Button Width="80" Content="Clock"  Margin="0,0,0,10" Style="{StaticResource ButtonPrimary}" controls:IconElement.Geometry="{StaticResource ClockGeometry}"/>
+                    <Button Width="80"  Margin="0,0,0,10" Height="28" Padding="10,0" Background="#24292e" Foreground="White" Content="Button" Style="{StaticResource ButtonCustom}" controls:BackgroundSwitchElement.MouseHoverBackground="Red" controls:BackgroundSwitchElement.MouseDownBackground="PaleVioletRed"/>
+                    <Button Width="80" Padding="16,8" Style="{StaticResource ButtonIcon}" Foreground="{DynamicResource PrimaryTextBrush}" controls:IconElement.Geometry="{StaticResource UpDownGeometry}"/>
+                </StackPanel>
+            </Border>
+            <Border Visibility="Visible" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="128">
+                <StackPanel>
+                    <ToggleButton Width="128" Margin="0,0,0,10" IsChecked="True" Content="ToggleButton"/>
+                    <ToggleButton Width="128" Margin="0,0,0,10" Content="ToggleButton" Style="{StaticResource ToggleButtonPrimary}"/>
+                    <ToggleButton Width="128" Margin="0,0,0,10" Style="{StaticResource ToggleButtonIcon}" controls:IconSwitchElement.Geometry="{StaticResource DeleteGeometry}" controls:IconSwitchElement.GeometrySelected="{StaticResource DownGeometry}"/>
+                    <ToggleButton Width="128" Margin="0,0,0,10" IsChecked="True" Content="ToggleButton" controls:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonPrimary}"/>
+                    <ToggleButton Margin="0,0,0,10" IsChecked="True" Style="{StaticResource ToggleButtonCustom}" controls:StatusSwitchElement.HiddenElement="True">
+                        <controls:StatusSwitchElement.CheckedElement>
+                            <Border Width="128" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+                                <Ellipse Width="20" Height="20" Fill="{DynamicResource PrimaryBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+                            </Border>
+                        </controls:StatusSwitchElement.CheckedElement>
+                        <Border Width="128" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+                            <Ellipse Width="20" Height="20" Fill="{DynamicResource BorderBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+                        </Border>
+                    </ToggleButton>
+                    <ToggleButton Margin="0,0,0,10" IsChecked="True" HorizontalAlignment="Center" Style="{StaticResource ToggleButtonSwitch}"/>
+                    <ToggleButton Style="{StaticResource ToggleButtonIconTransparent}" controls:IconSwitchElement.Geometry="{StaticResource DeleteGeometry}" controls:IconSwitchElement.GeometrySelected="{StaticResource DownGeometry}"/>
+                </StackPanel>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="656">
+                <userControl:SideMenuDemoCtl Height="424" Margin="-32" Background="Transparent"/>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="304">
+                <userControl:RadioButtonDemoCtl Margin="-32" Background="Transparent"/>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Top="276">
+                <userControl:CheckBoxDemoCtl Margin="-32" Background="Transparent" Width="144"/>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Top="512">
+                <StackPanel>
+                    <Slider Width="400" IsSnapToTickEnabled="True" Value="8"/>
+                    <Slider Width="400" IsSnapToTickEnabled="True" Value="3" Margin="0,32,0,0" IsEnabled="False"/>
+                    <Slider Width="400" IsSnapToTickEnabled="True" TickFrequency="5" Maximum="100" TickPlacement="TopLeft" Value="10" IsSelectionRangeEnabled="True" SelectionStart="10" SelectionEnd="80" Margin="0,32,0,0"/>
+                    <Slider Width="400" controls:TipElement.Visibility="Visible" IsSnapToTickEnabled="True" Maximum="100" Value="60" TickFrequency="10" TickPlacement="BottomRight" Margin="0,32,0,0"/>
+                    <Slider Width="400" controls:TipElement.Visibility="Visible" controls:TipElement.Placement="BottomRight" IsSnapToTickEnabled="True" Value="5" TickPlacement="Both" Margin="0,32,0,0"/>
+                </StackPanel>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Top="512" Canvas.Left="448">
+                <TabControl Width="409" Height="200" Style="{StaticResource TabControlInLine}">
+                    <TabItem Header="{x:Static langs:Lang.Title}" HeaderStringFormat="{}{0}1">
+                        <Border Background="{DynamicResource PrimaryBrush}">
+                            <TextBlock Style="{StaticResource TextBlockLargeBold}" Foreground="{DynamicResource TextIconBrush}">
+                                <Run Text="{x:Static langs:Lang.Text}"/>
+                                <Run Text="1"/>
+                            </TextBlock>
+                        </Border>
+                    </TabItem>
+                    <TabItem Header="{x:Static langs:Lang.Title}" HeaderStringFormat="{}{0}2">
+                        <Border Background="{DynamicResource SuccessBrush}">
+                            <TextBlock Style="{StaticResource TextBlockLargeBold}" Foreground="{DynamicResource TextIconBrush}">
+                                <Run Text="{x:Static langs:Lang.Text}"/>
+                                <Run Text="2"/>
+                            </TextBlock>
+                        </Border>
+                    </TabItem>
+                    <TabItem Header="{x:Static langs:Lang.Title}" HeaderStringFormat="{}{0}3">
+                        <Border Background="{DynamicResource InfoBrush}">
+                            <TextBlock Style="{StaticResource TextBlockLargeBold}" Foreground="{DynamicResource TextIconBrush}">
+                                <Run Text="{x:Static langs:Lang.Text}"/>
+                                <Run Text="3"/>
+                            </TextBlock>
+                        </Border>
+                    </TabItem>
+                    <TabItem Header="{x:Static langs:Lang.Title}" HeaderStringFormat="{}{0}4">
+                        <Border Background="{DynamicResource WarningBrush}">
+                            <TextBlock Style="{StaticResource TextBlockLargeBold}" Foreground="{DynamicResource TextIconBrush}">
+                                <Run Text="{x:Static langs:Lang.Text}"/>
+                                <Run Text="4"/>
+                            </TextBlock>
+                        </Border>
+                    </TabItem>
+                    <TabItem IsSelected="True" Header="{x:Static langs:Lang.Title}" HeaderStringFormat="{}{0}5">
+                        <Border Background="{DynamicResource DangerBrush}">
+                            <TextBlock Style="{StaticResource TextBlockLargeBold}" Foreground="{DynamicResource TextIconBrush}">
+                                <Run Text="{x:Static langs:Lang.Text}"/>
+                                <Run Text="5"/>
+                            </TextBlock>
+                        </Border>
+                    </TabItem>
+                </TabControl>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="905" Height="348" Width="587">
+                <userControl:NativeProgressBarDemoCtl Margin="-32" Background="Transparent"/>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="1508" Height="348">
+                <ScrollViewer>
+                    <userControl:ExpanderDemoCtl VerticalAlignment="Top" Margin="-32" Background="Transparent"/>
+                </ScrollViewer>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="1796" Height="348">
+                <Calendar BorderThickness="0" SelectionMode="MultipleRange"/>
+            </Border>
+            <Border Visibility="Visible" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="905" Height="326" Canvas.Top="364">
+                <DataGrid HeadersVisibility="All" RowHeaderWidth="60" AutoGenerateColumns="False" ItemsSource="{Binding DataList}">
+                    <DataGrid.RowHeaderTemplate>
+                        <DataTemplate>
+                            <CheckBox IsChecked="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=DataGridRow}}"/>
+                        </DataTemplate>
+                    </DataGrid.RowHeaderTemplate>
+                    <DataGrid.Columns>
+                        <DataGridTextColumn IsReadOnly="True" Width="80" CanUserResize="False" Binding="{Binding Index}" Header="{x:Static langs:Lang.Index}"/>
+                        <DataGridTemplateColumn Width="60" CanUserResize="False">
+                            <DataGridTemplateColumn.CellTemplate>
+                                <DataTemplate>
+                                    <Image Source="{Binding ImgPath}" Width="32" Height="32" Stretch="Uniform"/>
+                                </DataTemplate>
+                            </DataGridTemplateColumn.CellTemplate>
+                        </DataGridTemplateColumn>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Name}" Header="{x:Static langs:Lang.Name}"/>
+                        <DataGridCheckBoxColumn Width="100" CanUserResize="False" Binding="{Binding IsSelected}" Header="{x:Static langs:Lang.Selected}"/>
+                        <DataGridComboBoxColumn ItemsSource="{Binding Source={StaticResource DemoTypes}}" Width="100" CanUserResize="False" SelectedValueBinding="{Binding Type}" Header="{x:Static langs:Lang.Type}"/>
+                        <DataGridTextColumn Width="1*" Binding="{Binding Remark}" Header="{x:Static langs:Lang.Remark}"/>
+                    </DataGrid.Columns>
+                </DataGrid>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="1413" Height="326" Canvas.Top="364">
+                <TreeView Width="200" BorderThickness="0" ItemsSource="{Binding DataList}">
+                    <TreeView.ItemTemplate>
+                        <HierarchicalDataTemplate ItemsSource="{Binding DataList}">
+                            <TextBlock Text="{Binding Name}"/>
+                        </HierarchicalDataTemplate>
+                    </TreeView.ItemTemplate>
+                </TreeView>
+            </Border>
+            <Border Visibility="Collapsed" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="1661" Height="326" Canvas.Top="364">
+                <ListBox Width="200" BorderThickness="0" ItemsSource="{Binding DataList}">
+                    <ListBox.ItemTemplate>
+                        <DataTemplate>
+                            <TextBlock Text="{Binding Name}"/>
+                        </DataTemplate>
+                    </ListBox.ItemTemplate>
+                </ListBox>
+            </Border>
+            <Border Visibility="Visible" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="905 " Canvas.Top="706">
+                <GroupBox Width="300" Height="200" Header="GroupBox" Padding="10" >
+                    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
+                        <TextBlock Text="GroupBox" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
+                </GroupBox>
+            </Border>
+            <Border Visibility="Visible" BorderThickness="0" Padding="16" Style="{StaticResource BorderRegion}" CornerRadius="4" Canvas.Left="1253" Canvas.Top="706">
+                <ToolBarTray VerticalAlignment="Center">
+                    <ToolBar Padding="6" Header="{x:Static langs:Lang.Title}">
+                        <CheckBox IsChecked="True" Margin="10,0,0,0"/>
+                        <Separator Margin="10,0,0,0"/>
+                        <RadioButton Margin="10,0,0,0"/>
+                        <StackPanel Orientation="Horizontal">
+                            <RadioButton IsChecked="True" Margin="10,0,0,0"/>
+                            <RadioButton Margin="10,0,0,0"/>
+                        </StackPanel>
+                        <Button Content="{x:Static langs:Lang.Button}" Margin="10,0,0,0"/>
+                        <Button Content="{x:Static langs:Lang.Button}" Margin="10,0,0,0" Style="{StaticResource ButtonPrimary}"/>
+                    </ToolBar>
+                    <ToolBar Band="1" Padding="6">
+                        <ComboBox ItemsSource="{Binding DataList}" SelectedIndex="0" Width="230"/>
+                        <TextBox Text="{Binding Source={x:Static langs:Lang.Text},Converter={StaticResource StringRepeatConverter},ConverterParameter=4,Mode=OneWay}" Margin="10,0,0,0" Width="230"/>
+                    </ToolBar>
+                    <ToolBar Band="0" Padding="6">
+                        <Menu Background="Transparent" VerticalAlignment="Center">
+                            <MenuItem Header="{x:Static langs:Lang.Repository}">
+                                <MenuItem Header="GitHub">
+                                    <MenuItem.Icon>
+                                        <Path Data="{StaticResource GithubGeometry}" Fill="{DynamicResource PrimaryTextBrush}"/>
+                                    </MenuItem.Icon>
+                                </MenuItem>
+                                <MenuItem Header="NuGet">
+                                    <MenuItem.Icon>
+                                        <Path Data="{StaticResource NugetGeometry}" Fill="#224880"/>
+                                    </MenuItem.Icon>
+                                </MenuItem>
+                            </MenuItem>
+                            <MenuItem Header="{x:Static langs:Lang.About}">
+                                <MenuItem Header="{x:Static langs:Lang.Email}">
+                                    <MenuItem.Icon>
+                                        <Path Data="{StaticResource EmailGeometry}" Fill="{DynamicResource PrimaryBrush}"/>
+                                    </MenuItem.Icon>
+                                </MenuItem>
+                                <MenuItem Header="{x:Static langs:Lang.Chatroom}">
+                                    <MenuItem.Icon>
+                                        <Path Data="{StaticResource GitterGeometry}" Fill="#e52e64"/>
+                                    </MenuItem.Icon>
+                                </MenuItem>
+                                <MenuItem Header="{x:Static langs:Lang.Blog}">
+                                    <MenuItem.Icon>
+                                        <Path Data="{StaticResource CnblogsGeometry}" Fill="{DynamicResource PrimaryTextBrush}"/>
+                                    </MenuItem.Icon>
+                                </MenuItem>
+                            </MenuItem>
+                            <MenuItem Header="{x:Static langs:Lang.Contributors}"/>
+                        </Menu>
+                    </ToolBar>
+                </ToolBarTray>
+            </Border>
+            <Border Width="16" Height="16" Background="Black" Canvas.Left="1237" Canvas.Top="733"/>
+        </Canvas>
+    </ScrollViewer>
+</UserControl>
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml.cs b/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml.cs
new file mode 100644
index 00000000..624c5e05
--- /dev/null
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Main/OverView.xaml.cs
@@ -0,0 +1,18 @@
+using System.Windows;
+using HandyControl.Tools.Extension;
+
+namespace HandyControlDemo.UserControl
+{
+    public partial class OverView
+    {
+        public OverView()
+        {
+            InitializeComponent();
+
+            foreach (UIElement child in CanvasMain.Children)
+            {
+                child.Show();
+            }
+        }
+    }
+}
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
index 8b12d40b..9687d634 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
@@ -6,32 +6,32 @@
              Background="{DynamicResource RegionBrush}">
     <controls:TransitioningContentControl>
         <UniformGrid Margin="32,32,0,0" Columns="3" Rows="2">
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32">
                 <Border Background="{DynamicResource PrimaryBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                 </Border>
             </Border>
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow1}">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow1}">
                 <Border Background="{DynamicResource InfoBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                 </Border>
             </Border>
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow2}">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow2}">
                 <Border Background="{DynamicResource WarningBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                 </Border>
             </Border>
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow3}">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow3}">
                 <Border Background="{DynamicResource DangerBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                 </Border>
             </Border>
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow4}">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow4}">
                 <Border Background="{DynamicResource AccentBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                 </Border>
             </Border>
-            <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow5}">
+            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow5}">
                 <Border Background="{DynamicResource BorderBrush}">
                     <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                 </Border>
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/NativeScrollViewerDemoCtl.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/NativeScrollViewerDemoCtl.xaml
index 3a80a6b7..5a37771c 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/NativeScrollViewerDemoCtl.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/NativeScrollViewerDemoCtl.xaml
@@ -15,27 +15,27 @@
             <Border BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
                 <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Hidden">
                     <StackPanel Orientation="Horizontal">
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
@@ -46,27 +46,27 @@
             <Border Grid.Row="1" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}" Margin="0,16,0,0">
                 <ScrollViewer>
                     <WrapPanel Orientation="Horizontal">
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
                         </Border>
-                        <Border Style="{StaticResource BorderRegionStyle}" Width="200" Height="200" Margin="10,10,32,10">
+                        <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="10,10,32,10">
                             <Border Background="{DynamicResource PrimaryBrush}">
                                 <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                             </Border>
diff --git a/src/Shared/HandyControlDemo_Shared/ViewModel/Main/MainViewModel.cs b/src/Shared/HandyControlDemo_Shared/ViewModel/Main/MainViewModel.cs
index 535fd329..3e36ccf0 100644
--- a/src/Shared/HandyControlDemo_Shared/ViewModel/Main/MainViewModel.cs
+++ b/src/Shared/HandyControlDemo_Shared/ViewModel/Main/MainViewModel.cs
@@ -91,6 +91,12 @@ namespace HandyControlDemo.ViewModel
             new Lazy<RelayCommand<SelectionChangedEventArgs>>(() =>
                 new RelayCommand<SelectionChangedEventArgs>(SwitchDemo)).Value;
 
+        /// <summary>
+        ///     打开概览命令
+        /// </summary>
+        public RelayCommand OpenOverviewCmd => new Lazy<RelayCommand>(() =>
+            new RelayCommand(OpenOverview)).Value;
+
 #endregion
 
 #region 方法
@@ -121,6 +127,16 @@ namespace HandyControlDemo.ViewModel
             }
         }
 
-#endregion
+        /// <summary>
+        ///     打开概览
+        /// </summary>
+        private void OpenOverview()
+        {
+            Messenger.Default.Send<object>(null, MessageToken.ClearLeftSelected);
+            Messenger.Default.Send(true, MessageToken.FullSwitch);
+            Messenger.Default.Send(AssemblyHelper.CreateInternalInstance($"UserControl.{MessageToken.OverView}"), MessageToken.LoadShowContent);
+        }
+
+        #endregion
     }
 }
\ No newline at end of file
diff --git a/src/Shared/HandyControl_Shared/Controls/Other/TransitioningContentControl.cs b/src/Shared/HandyControl_Shared/Controls/Other/TransitioningContentControl.cs
index 64c0cf75..8de601af 100644
--- a/src/Shared/HandyControl_Shared/Controls/Other/TransitioningContentControl.cs
+++ b/src/Shared/HandyControl_Shared/Controls/Other/TransitioningContentControl.cs
@@ -48,10 +48,10 @@ namespace HandyControl.Controls
 
         public override void OnApplyTemplate()
         {
-            if (DesignerProperties.GetIsInDesignMode(this)) return;
+            //if (DesignerProperties.GetIsInDesignMode(this)) return;
 
-            if (IsTransitioning)
-                AbortTransition();
+            //if (IsTransitioning)
+            //    AbortTransition();
 
             base.OnApplyTemplate();
 
@@ -63,17 +63,17 @@ namespace HandyControl.Controls
             if (CurrentContentPresentationSite != null)
                 CurrentContentPresentationSite.Content = Content;
 
-            var transition = GetStoryboard(Transition);
-            CurrentTransition = transition;
-            if (transition == null)
-            {
-                Transition = DefaultTransitionState;
+            //var transition = GetStoryboard(Transition);
+            //CurrentTransition = transition;
+            //if (transition == null)
+            //{
+            //    Transition = DefaultTransitionState;
 
-                throw new ArgumentException("TransitioningContentControl_TransitionNotFound");
-            }
+            //    throw new ArgumentException("TransitioningContentControl_TransitionNotFound");
+            //}
 
-            VisualStateManager.GoToState(this, NormalState, false);
-            VisualStateManager.GoToState(this, Transition, true);
+            //VisualStateManager.GoToState(this, NormalState, false);
+            //VisualStateManager.GoToState(this, Transition, true);
         }
 
         protected override void OnContentChanged(object oldContent, object newContent)
diff --git a/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml b/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
index 27557b46..a7498032 100644
--- a/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
@@ -7,7 +7,7 @@
     </ResourceDictionary.MergedDictionaries>
     
     <!--用于包裹一个区域-->
-    <Style x:Key="BorderRegionStyle" TargetType="Border">
+    <Style x:Key="BorderRegion" TargetType="Border">
         <Setter Property="Padding" Value="10"/>
         <Setter Property="Background" Value="{DynamicResource RegionBrush}"/>
         <Setter Property="BorderThickness" Value="1"/>