Using FPS Skinned Window

To start using FPS Skinned Window in your project follow these steps:

  • Add Reference of FPS.Shared assembly to your project
    • In C# right-click References node in Solution Explorer and choose Add Reference context menu command. In the Add Reference find and select FPS.Shared SkinnedWindow and click OK.
    • In VB double-click My Project node in Solution Explorer and click on References tab. Click Add button and in the Add Reference find and select FPS.Shared SkinnedWindow and click OK.
  • You should already have the default WPF Window created by the VS.NET so open the Window1.xaml and change the Window declaration to:
<shared:SkinnedWindow x:Class="WizardSampleFPSForm.SampleWizardWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:shared="clr-namespace:FPS.Shared;assembly=FPS.Shared"                     
    Title="Skinnew Window Sample" Height="369" Width="496" >
  • Do not forget to scroll down to the bottom of your XAML file and replace the </Window> with the </shared:SkinnedWindow> Note couple things:
    • x:Class value WindowsApplication1 should be changed to the name of your assembly/project. Window1 should be changed to the name of your window.
    • Notice xmlns:shared="clr-namespace:FPS.Shared;assembly=FPS.Shared" this adds the FPS.Shared namespace so you can reference the FPS.Shared controls by using shared prefix. You are free to choose any other prefix you want.
  • Open the Window1.xaml.cs file which is code behind file and change the Window1 class declaration so it inherits from FPS.Shared.SkinnedWindow instead of System.Windows.Window
  • Your XAML file at the end of this step should look like this:
<shared:SkinnedWindow x:Class="WizardSampleFPSForm.SampleWizardWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:shared="clr-namespace:FPS.Shared;assembly=FPS.Shared"                     
    Title="Skinnew Window Sample" Height="369" Width="496" >
    
  Hello World!!!

</shared:SkinnedWindow>
  • Try to compile your application and if all changes were successful you should be error free.
  • As a result you should get such Window, if you're using default Office 2007 Blue theme:
    FP Ribbon Window