Change the Dock Panel View in the End-User Report Designer

• Aug 18, 2023

You can enable the Light dock panel style for ribbon-based and standard End-User Report Designers using the DockingViewStyle property.

• When you add the Report Designer component to the form, select the XRDesignMdiController (called ReportDesigner1 by default) in the component tray and set the DockingViewStyle property to Light in the Properties window.

  

• When you invoke the Report Designer from code (for instance, using the ReportDesignTool class), specify the DockingViewStyle property as shown below:

  C#

  using DevExpress.XtraReports.UI;
  using DevExpress.XtraBars.Docking2010.Views;
  
  // ...
  ReportDesignTool designTool = new ReportDesignTool(new XtraReport1());
  designTool.DesignRibbonForm.DesignMdiController.DesignSettings.DockingViewStyle = DockingViewStyle.Light;
  designTool.ShowRibbonDesigner();
  

  VB.NET

  Imports DevExpress.XtraReports.UI
  Imports DevExpress.XtraBars.Docking2010.Views
  
  ' ...
  Dim designTool As ReportDesignTool = New ReportDesignTool(New XtraReport1())
  designTool.DesignRibbonForm.DesignMdiController.DesignSettings.DockingViewStyle = DockingViewStyle.Light
  designTool.ShowRibbonDesigner()
  

The Light view provides the following features:

• one-pixel borders for all dock panels;
• no borders for tab headers;
• lightly highlights the selected tab.

When the DockingViewStyle is set to Default or Classic, the End-User Report Designer looks as follows: