|
|
|
@ -1,22 +1,22 @@ |
|
|
|
# Themes Usage Instructions |
|
|
|
|
|
|
|
## Windows Themes |
|
|
|
### Windows Themes |
|
|
|
* Windows 7 |
|
|
|
* Windows 8 |
|
|
|
* Windows 10 - **Plus Edition** |
|
|
|
|
|
|
|
The Windows 7 and Windows 8 themes are applied by default, depending on the operating system. |
|
|
|
|
|
|
|
To use the Windows 10 theme, you need the following references: |
|
|
|
|
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.Themes.Windows10 (for core controls) |
|
|
|
* Xceed.Wpf.Toolkit.Themes.Windows10 (for Toolkit controls) |
|
|
|
* Xceed.Wpf.ListBox.Themes.Windows10 (for ListBox controls) |
|
|
|
* Xceed.Wpf.DataGrid.Themes.Windows10 (for DataGrid controls) |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.Windows10 (for AvalonDock controls) |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
``` |
|
|
|
// Core Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Windows10.Windows10ResourceDictionary() ); |
|
|
|
|
|
|
|
@ -28,10 +28,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.Windows10.Wi |
|
|
|
|
|
|
|
// DataGrid Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Windows10.Windows10ResourceDictionary() ); |
|
|
|
}} |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
xmlns:xcw="clr-namespace:Xceed.Wpf.Themes.Windows10;assembly=Xceed.Wpf.Themes.Windows10" |
|
|
|
xmlns:xctw="clr-namespace:Xceed.Wpf.Toolkit.Themes.Windows10;assembly=Xceed.Wpf.Toolkit.Themes.Windows10" |
|
|
|
xmlns:xclw="clr-namespace:Xceed.Wpf.ListBox.Themes.Windows10;assembly=Xceed.Wpf.ListBox.Themes.Windows10" |
|
|
|
@ -55,10 +55,10 @@ xmlns:xcdw="clr-namespace:Xceed.Wpf.DataGrid.Themes.Windows10;assembly=Xceed.Wpf |
|
|
|
</ResourceDictionary.MergedDictionaries> |
|
|
|
</ResourceDictionary> |
|
|
|
</Window.Resources> |
|
|
|
}} |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
<Grid> |
|
|
|
<xcdg:DataGridControl> |
|
|
|
@ -71,10 +71,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
</xcdg:DataGridControl.View> |
|
|
|
</xcdg:DataGridControl> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -83,22 +83,22 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
## Metro Themes |
|
|
|
### Metro Themes |
|
|
|
* Metro Light - **Plus Edition** |
|
|
|
* Metro Dark - **Plus Edition** |
|
|
|
To use the Metro themes, you need the following references: |
|
|
|
|
|
|
|
To use the Metro themes, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.Themes.Metro (for core controls) |
|
|
|
* Xceed.Wpf.Toolkit.Themes.Metro (for Toolkit controls) |
|
|
|
* Xceed.Wpf.ListBox.Themes.Metro (for ListBox controls) |
|
|
|
* Xceed.Wpf.DataGrid.Themes.Metro (for DataGrid controls) |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.MetroAccent (for AvalonDock controls) |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
``` |
|
|
|
// Core Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Metro.MetroDarkThemeResourceDictionary( new SolidColorBrush( Colors.Green ) ) ); |
|
|
|
|
|
|
|
@ -113,10 +113,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Metro.Metro |
|
|
|
|
|
|
|
// AvalonDock Controls |
|
|
|
this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.MetroAccent.AvalonDockMetroDarkThemeResourceDictionary(new SolidColorBrush(Colors.Green))); |
|
|
|
}} |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
xmlns:xcm="clr-namespace:Xceed.Wpf.Themes.Metro;assembly=Xceed.Wpf.Themes.Metro" |
|
|
|
xmlns:xctm="clr-namespace:Xceed.Wpf.Toolkit.Themes.Metro;assembly=Xceed.Wpf.Toolkit.Themes.Metro" |
|
|
|
xmlns:xclm="clr-namespace:Xceed.Wpf.ListBox.Themes.Metro;assembly=Xceed.Wpf.ListBox.Themes.Metro" |
|
|
|
@ -144,10 +144,10 @@ xmlns:xcam="clr-namespace:Xceed.Wpf.AvalonDock.Themes.MetroAccent;assembly=Xceed |
|
|
|
</ResourceDictionary.MergedDictionaries> |
|
|
|
</ResourceDictionary> |
|
|
|
</Window.Resources> |
|
|
|
}} |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
<Grid> |
|
|
|
<xcdg:DataGridControl> |
|
|
|
@ -164,10 +164,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
</xcdg:DataGridControl.View> |
|
|
|
</xcdg:DataGridControl> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -180,23 +180,23 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
## Office2007 Themes |
|
|
|
### Office2007 Themes |
|
|
|
* Office2007 Blue - **Plus Edition** |
|
|
|
* Office2007 Black - **Plus Edition** |
|
|
|
* Office2007 Silver - **Plus Edition** |
|
|
|
To use the Office2007 themes, you need the following references: |
|
|
|
|
|
|
|
To use the Office2007 themes, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.Themes.Office2007 (for core controls) |
|
|
|
* Xceed.Wpf.Toolkit.Themes.Office2007 (for Toolkit controls) |
|
|
|
* Xceed.Wpf.ListBox.Themes.Office2007 (for ListBox controls) |
|
|
|
* Xceed.Wpf.DataGrid.Themes.Office2007 (for DataGrid controls) |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.Office2007 (for AvalonDock controls) |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
``` |
|
|
|
// Core Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.Themes.Office2007.Office2007BlueResourceDictionary() ); |
|
|
|
|
|
|
|
@ -211,10 +211,10 @@ this.Resources.MergedDictionaries.Add( new Xceed.Wpf.DataGrid.Themes.Office2007. |
|
|
|
|
|
|
|
// AvalonDock Controls |
|
|
|
this.Resources.MergedDictionaries.Add(new Xceed.Wpf.AvalonDock.Themes.Office2007.Office2007BlueResourceDictionary()); |
|
|
|
}} |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
xmlns:xco="clr-namespace:Xceed.Wpf.Themes.Office2007;assembly=Xceed.Wpf.Themes.Office2007" |
|
|
|
xmlns:xcto="clr-namespace:Xceed.Wpf.Toolkit.Themes.Office2007;assembly=Xceed.Wpf.Toolkit.Themes.Office2007" |
|
|
|
xmlns:xclo="clr-namespace:Xceed.Wpf.ListBox.Themes.Office2007;assembly=Xceed.Wpf.ListBox.Themes.Office2007" |
|
|
|
@ -242,10 +242,10 @@ xmlns:xcao="clr-namespace:Xceed.Wpf.AvalonDock.Themes.Office2007;assembly=Xceed. |
|
|
|
</ResourceDictionary.MergedDictionaries> |
|
|
|
</ResourceDictionary> |
|
|
|
</Window.Resources> |
|
|
|
}} |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the view (DataGrid control) |
|
|
|
``` |
|
|
|
xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
<Grid> |
|
|
|
<xcdg:DataGridControl> |
|
|
|
@ -258,10 +258,10 @@ xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid" |
|
|
|
</xcdg:DataGridControl.View> |
|
|
|
</xcdg:DataGridControl> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -270,9 +270,9 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
## Other Themes |
|
|
|
### Other Themes |
|
|
|
* AvalonDock: |
|
|
|
* Aero |
|
|
|
* VS2010 |
|
|
|
@ -286,9 +286,9 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
To use the Aero theme, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.Aero (for AvalonDock controls) |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -297,16 +297,16 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
**VS2010 Theme** |
|
|
|
|
|
|
|
To use the VS2010 theme, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.VS2010 (for AvalonDock controls) |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -315,16 +315,16 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
**Metro Theme (with no accent color)** |
|
|
|
|
|
|
|
To use the Metro theme, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.AvalonDock.Themes.Metro (for AvalonDock controls) |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
|
|
|
|
{{ |
|
|
|
Setting the theme directly on the DockingManager (AvalonDock control) |
|
|
|
``` |
|
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
<Grid> |
|
|
|
<xcad:DockingManager> |
|
|
|
@ -333,22 +333,22 @@ xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock" |
|
|
|
</xcad:DockingManager.Theme> |
|
|
|
</xcad:DockingManager> |
|
|
|
</Grid> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
**LiveExplorer Theme** |
|
|
|
|
|
|
|
To use the LiveExplorer theme, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.ListBox.Themes.LiveExplorer (for ListBox controls) |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
``` |
|
|
|
// ListBox Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.LiveExplorer.LiveExplorerThemeResourceDictionary() ); |
|
|
|
}} |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
xmlns:xcle="clr-namespace:Xceed.Wpf.ListBox.Themes.LiveExplorer;assembly=Xceed.Wpf.ListBox.Themes.Explorer" |
|
|
|
<Window.Resources> |
|
|
|
<ResourceDictionary> |
|
|
|
@ -360,22 +360,22 @@ xmlns:xcle="clr-namespace:Xceed.Wpf.ListBox.Themes.LiveExplorer;assembly=Xceed.W |
|
|
|
</ResourceDictionary.MergedDictionaries> |
|
|
|
</ResourceDictionary> |
|
|
|
</Window.Resources> |
|
|
|
}} |
|
|
|
``` |
|
|
|
|
|
|
|
**Media Player Theme** |
|
|
|
|
|
|
|
To use the Media Player theme, you need the following references: |
|
|
|
* Xceed.Wpf.Themes |
|
|
|
* Xceed.Wpf.ListBox.Themes.WMP11 (for ListBox controls) |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in code-behind in your main page: |
|
|
|
``` |
|
|
|
// ListBox Controls |
|
|
|
this.Resources.MergedDictionaries.Add( new Xceed.Wpf.ListBox.Themes.WMP11.WMP11ThemeResourceDictionary() ); |
|
|
|
}} |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
|
|
|
|
{{ |
|
|
|
Adding the theme in XAML in your main page: |
|
|
|
``` |
|
|
|
xmlns:xcmp="clr-namespace:Xceed.Wpf.ListBox.Themes.WMP11;assembly=Xceed.Wpf.ListBox.Themes.WMP11" |
|
|
|
<Window.Resources> |
|
|
|
<ResourceDictionary> |
|
|
|
@ -387,6 +387,4 @@ xmlns:xcmp="clr-namespace:Xceed.Wpf.ListBox.Themes.WMP11;assembly=Xceed.Wpf.List |
|
|
|
</ResourceDictionary.MergedDictionaries> |
|
|
|
</ResourceDictionary> |
|
|
|
</Window.Resources> |
|
|
|
}} |
|
|
|
|
|
|
|
--- |
|
|
|
``` |