WPF End-User Report Designer - How to customize the Ribbon toolbar

This example demonstrates how add two custom items to the Ribbon toolbar of the Banded End-User Report Designer. These custom items allows you to manage the designer's side panel's and toolbox's visibility.

To customize the WPF Banded End-User Report Designer's Ribbon toolbar, use its RibbonTemplate. Get the original RibbonTemplate XAML code from our source files, add it to your application, customize it according to your requirements, and assign it to the ReportDesigner.RibbonTemplate property. Note that not all the Subscriptions include our source code files. So, if you have no access to our source code, you can get the original RibbonTemplate XAML code from this code example.

In this example, I have added the RibbonPageGroup with two BarCheckItems to the Report Designer's RibbonTemplate and bound these items to the CustomizedRibbonCommands class properties. This class object (CustomRibbonCommands) is assigned to the MainWindow and realizes the side panel and toolbox showing/hiding logic:

[XAML]
<DataTemplatex:Key="CustomizedRibbonTemplate"><dxr:RibbonControl...><dxr:RibbonDefaultPageCategory><dxr:RibbonPageCaption="Report Designer">
                ...<dxr:RibbonPageGroupCaption="View"><dxb:BarCheckItemContent="Toolbox"IsChecked="{Binding CustomRibbonCommands.IsToolboxVisible, RelativeSource={RelativeSource FindAncestor, AncestorType=local:MainWindow}}"LargeGlyph="{dx:DXImage Image=IDE_32x32.png}"Glyph="{dx:DXImage Image=IDE_16x16.png}"/><dxb:BarCheckItemContent="Side Panel"IsChecked="{Binding CustomRibbonCommands.IsSidePanelVisible, RelativeSource={RelativeSource FindAncestor, AncestorType=local:MainWindow}}"LargeGlyph="{dx:DXImage Image=Technology_32x32.png}"Glyph="{dx:DXImage Image=Technology_16x16.png}"/></dxr:RibbonPageGroup></dxr:RibbonPage></dxr:RibbonDefaultPageCategory>
        ...</dxr:RibbonControl></DataTemplate>