Updated Themes Usage Instructions (markdown)

master
DianeXceed 9 years ago
parent
commit
55d5fd0a65
  1. 130
      Themes-Usage-Instructions.md

130
Themes Usage Instructions.md → Themes-Usage-Instructions.md

@ -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>
}}
---
```
Loading…
Cancel
Save