[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Collapse]Ribbon, Bars and Menu
   [Expand]Bars
   [Expand]Ribbon
   [Expand]Popup Menus
    Radial Menu
   [Collapse]Common Features
    [Collapse]Appearance and Look and Feel
      Look And Feel and Skinning
      Appearances
      Appearance Inheritance Options
      Alpha Blending and Background Images
      Bar and Docking Controllers (Customizing Default View and Behavior Settings)
      Bar and Ribbon Glyph Skinning
    [Expand]Galleries
     Stub Glyphs
     The List of Bar Items and Links
   [Expand]Examples
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Look And Feel and Skinning

DevExpress XtraBars controls and components support Look And Feel and Skinning technologies, which enable you to provide a common appearance for controls throughout an entire application and within individual forms.

Expanded Change Application Scope Look And Feel Settings

Do one of the following to customize the global look-and-feel settings for all DevExpress Windows Forms controls (including XtraBars controls):

  • At design time, you can customize these settings from the Project Settings Page (starting with version 18.1).
  • Place the DefaultLookAndFeel component onto the main form and modify the DefaultLookAndFeel.LookAndFeel object's settings. Use the UserLookAndFeel.Default static property to access these settings in code.

    The following code applies the “Bezier" vector skin with an "Office White" palette.

  • To customize the look-and-feel settings for only XtraBars controls, place the DefaultBarAndDockingController component onto the main form and modify the DefaultBarAndDockingController.Controller.LookAndFeel property's settings. In code, you can access these settings from the BarAndDockingController.Default static property.

    The following code applies the "Money Twins" skin using the default BarAndDockingController.

Expanded Change Form Scope Look And Feel Settings

To provide shared look-and-feel settings for an individual form's controls/components, you can do one of the following:

  • When using a skinnable form (XtraForm and its descendants - RibbonForm, TabForm, FluentDesignForm, etc.), change the form's look-and-feel settings via the XtraForm.LookAndFeel property.

    Starting from version 18.1, the XtraBars controls/components placed onto a skinnable form take into account the form's look-and-feel settings, provided that it does not contain a BarAndDockingController instance. You can prohibit this behavior via the WindowsFormsSettings.DefaultSettingsCompatibilityMode static setting. See Version Compatibility: Default Property Values to learn more.

    The code below applies the "Office 2016 Colorful" skin to an XtraForm.

  • To customize the look-and-feel settings for only XtraBars controls, place a BarAndDockingController component onto the form and customize its look-and-feel settings (BarAndDockingController.LookAndFeel).

    Ensure that the XtraBars control's (or component's) Controller properties refer to the BarAndDockingController (for the DocumentManager, use the DocumentManager.BarAndDockingController property).

    Tip

    When you place a BarAndDockingController object onto a form for the first time, it automatically locates and binds to XtraBars controls/components within the form (BarManager, DockManager, Ribbon Control, etc.).

Expanded See Also

Is this topic helpful?​​​​​​​