Log In
[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Expand]Controls and Libraries
 [Collapse]Common Features
  [Expand]Data Binding Common Concepts
  [Expand]Data Source Wizard
  [Collapse]Application Appearance
    Default Application Font
   [Collapse]Look And Feel
     Look and Feel Mechanism
     How to: Customize the Look And Feel of a Specific Control(s)
     How to: Customize the Look And Feel of All the Controls within a Form
     How to: Customize the Look And Feel of All the Controls within an Application
    Glyph Skinning
  [Expand]Filtering UI Context
  [Expand]High DPI Support
  [Expand]Scaffolding Wizard
  [Expand]Formatting Values
   HTML Text Formatting
  [Expand]Tooltip Management
  [Expand]Saving and Restoring Layouts
   Clipboard - Copy and Paste Operations. Data Formatting
   Version Compatibility: Default Property Values
  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]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

How to: Customize the Look And Feel of a Specific Control(s)

All DevExpress controls expose the LookAndFeel property allowing you to change a control's look and feel settings. In most cases, this property is available directly in the control class; for instance, see NavBarControl.LookAndFeel. There are however a few exceptions to this rule. If you are using an editor control, the same property is available under BaseEdit.Properties. (See the Editor Class Structure topic for more information on editor control implementation specifics.)

The following code applies "Seven Classic" skin to a ButtonEdit control.

The result is illustrated below.

To provide centralized control over the LookAndFeel settings for a group of controls you can do one of the following:

  • place the StyleController component onto a form, customize it according to your wishes and assign it to the required controls' BaseControl.StyleController properties. The controls will then use the LookAndFeel and Appearance settings exposed by this style controller. See the Style Controller document for more information.

    Note: StyleController technology is supported by controls derived from BaseControl (editors, buttons, navigators, list boxes, etc.).

  • create a new UserLookAndFeel object and assign it to these controls' UserLookAndFeel.ParentLookAndFeel properties. See The UseDefaultLookAndFeel setting subsection for additional information on Parent LookAndFeel objects.
The code below shows how to customize the LookAndFeel settings of two editors by using the StyleController component.
The result is illustrated below.

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