Using our Ribbon control in your WPF projects is very straight forward.

 This tutorial will guide you through the process of setting up the control, to see the core features in action.



A.  (Optional) Setup the Binarymission RibbonControl instance as your Window class.


You can setup your Window instance to be of type Binarymission RibbonControl. However, this is only optional - i.e. you may choose not to do this and continue to inherit your Window class from the WPF standard Window class, and only use our control for rendering the Ribbon Bar within your window. The choice is yours.


However if you derive from Binarymission RibbonWindow class, you get the nice MS Office style UI for your window too.


Screenshot of how your window will look and feel, if you derived it from our RibbonWindow class:





Code sample:

Setup the Control instance in your XAML


In order to get the above feature setup, you will need to do two things:


1. Change the type of the Window class in your Window's XAML to be of type Binarymission RibbonWindow type.


Here's a sample XAML for this setup:

2.  Derive your Window class (in code-behind) from Binarymission RibbonWindow class


Here's a sample code block for this setup:

Now, if you want, you can also skin the application window with any of the out-of-the-box skins that the control provides for you or even set up your own custom skin.


Screenshot of applying one of the many built-in skin that the control provides out-of-the-box:

That is all to it! Your application window will now have the Office style look and feel (on top of providing all of the standard WPF Window class features).

B. Setup the RibbonBarPanel in your window.


Screenshot of setting up the Ribbon bar in the window:


Code sample:

That is all to it. Your Ribbon enabled application is now ready. Hit F5 to see your Ribbon application in action...