Telerik blogs

As you can expect, we have received a lot of great feedback from the community regarding RadRibbonBar.  One thing that people always asked about, however, was how to better integrate the RadRibbonBar into the actual window itself.  This way, rather than having the Window title and RadRibbonBar title both displaying, it would provide for a more seamless user experience. 

Well, we listened. :)

With our latest release, we have included the RadRibbonWindow to the RadControls for WPF library, allowing you to take the old window + RadRibbon combination and create something a little more visually compelling.

First we want to add the following assemblies to our application:

  • Telerik.Windows.Controls
  • Telerik.Windows.Controls.Input
  • Telerik.Windows.Controls.Navigation
  • Telerik.Windows.Controls.RibbonBar
  • Telerik.Windows.Data

Then after adding the RadRibbonBar to our main layout Grid, we get something like this:

RadRibbonBarOld

While the RadRibbonBar itself looks pretty nice, the integration is not there and we've got two title bars.  Let's fix that.

In our XAML file, we already have our RadRibbonBar declared and the namespace all set, so all we need to do is change the default Window to a RadRibbonWindow, as follows:

<telerikRibbon:RadRibbonWindow x:Class="RadRibbonWindow.MainWindow"
    xmlns:telerikRibbon="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonBar"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    Title="MainWindow"
    Height="350"
    Width="525">
    <Grid>
        <telerikRibbon:RadRibbonBar x:Name="xRadRibbonBar"
                       Title="RadRibbonWindow Application"
                       ApplicationName="RadRibbonWindow">
  
        </telerikRibbon:RadRibbonBar>
    </Grid>
</telerikRibbon:RadRibbonWindow>

Then in our code-behind, we just need to ensure that we have MainWindow inheriting from RadRibbonWindow:

public partial class MainWindow : Telerik.Windows.Controls.RadRibbonWindow
{
    public MainWindow()
    {
        InitializeComponent();
    }
}

And the end result?  RadRibbonWindow:

RadRibbonWindow in action

Check this and all the features of RadRibbonBar and the new RadRibbonWindow and start using them in your WPF applications today.


About the Author

Evan Hutnick

works as a Developer Evangelist for Telerik specializing in Silverlight and WPF in addition to being a Microsoft MVP for Silverlight. After years as a development enthusiast in .Net technologies, he has been able to excel in XAML development helping to provide samples and expertise in these cutting edge technologies. You can find him on Twitter @EvanHutnick.

Related Posts

Comments

Comments are disabled in preview mode.