Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[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
      Bar and Ribbon Glyph Skinning
      How to: Populate a Menu and Ribbon Gallery with DevExpress Skin Items and Localize Them
    [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]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]Document Server
[Expand]Reporting
[Expand]Report 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

Like other controls produced by DevExpress, components and controls in the DevExpress Ribbon, Menu and Docking Library support the Look And Feel and Skinning technologies. These enable you to provide a common appearance for all the controls in your application, and the ability to change the appearance of all the controls at once.

Expanded Look And Feel and Skinning Mechanisms

Look And Feel determines the overall paint scheme for the control(s). It specifies how a control's headers, scrollbars, borders, buttons and other visual elements are painted, but it doesn't contain appearance settings (font attributes, foreground and background colors, text alignment, word wrap and trimming options). The appearance settings can be customized via the Appearance mechanism, which involves using the Appearance objects. For general information on Look And Feel, refer to the Look And Feel section. For information on customizing appearances, see the Appearances, Appearance Inheritance Options and Alpha Blending and Background Images topics.

The Skinning technology is a part of the Look And Feel architecture. A skin is a set of bitmaps that determine how a control's elements should be painted. There are multiple skins shipped with the DevExpress Ribbon, Menu and Docking Library that you can use in your applications. Please see the Skins for more details about skins.

Expanded Changing the Look And Feel and Skinning Paint Scheme

By default, all DevExpress WinForms controls, including XtraBars controls, are painted according to the paint scheme specified by the Default LookAndFeel object. You can access this object and change the default paint scheme via the DefaultLookAndFeel component. Please refer to the Look And Feel section to learn more.

If you need to change the paint scheme for only XtraBars controls, and not other DevExpress WinForms controls, you need to use the DefaultBarAndDockingController or BarAndDockingController component. These provide the LookAndFeel property, which allows you to select the required paint scheme or skin, overriding the settings of the DefaultLookAndFeel object.

To change the look and feel of the XtraBars controls for all forms in your application, use the DefaultBarAndDockingController component. To customize these settings for individual forms independently, add a BarAndDockingController component to each form and customize them as required. See Bar and Docking Controllers to learn more.

The following image shows the properties of a DefaultBarAndDockingController component that has been added to the form:

The following code applies the Money Twins skin via the DefaultBarAndDockingController. The controller is accessed via the static BarAndDockingController.Default property.

Expanded See Also

How would you rate this topic?​​​​​​​