[Expand]General Information
[Collapse]WinForms Controls
 [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
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Collapse]Data Grid
   [Expand]Get Started With Data Grid and Views
   [Expand]Data Binding
    Unbound Columns
   [Expand]Data Editing and Validation
   [Expand]Filter and Search
   [Expand]Focus and Selection Handling
    Format Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
    Split Presentation
    Row Preview Sections
   [Expand]Batch Modifications
    Hit Information
    Popup Menus
   [Expand]Save and Restore Layout
   [Expand]Visual Elements
   [Collapse]Design-Time Features
    [Collapse]Grid Designer
      Views Page
      Columns Page
      Bands Page
      Feature Browser Page
      Layout Page
      Group Summary Items Page
      Appearances Page
      Style Format Rules Page
      Style Schemes Page
      EditForm Designer
      In-place Editor Repository Page
      View Repository Page
      Print Appearances Page
      Print Settings Page
     Level Designer
     On-form Band and Column Customization
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst 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]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Appearances Page

The Appearances page provides design-time facilities for customizing the appearance settings used to paint View elements. Specifically, it provides access to a View's BaseView.Appearance collection.

Available appearances are listed in the list box. The selected appearance's settings are listed by the property grid within the Properties tabbed page. All the changes are immediately reflected in the Appearance preview section.


The appearance settings used to paint an element's background (BackColor, BackColor2 and GradientMode) may be ignored when the View is painted using the WindowsXP, Office2003 or Skin style. To specify the View's paint style switch to the Paint Style tabbed page.

If the selected View isn't a Card View, the Paint Style page also contains the GridOptionsView.EnableAppearanceEvenRow and GridOptionsView.EnableAppearanceOddRow options that specify whether the even and odd rows are painted using the appearance settings provided by the View's GridViewAppearances.EvenRow and GridViewAppearances.OddRow properties, respectively.

The Preview pane allows the desired View element to be selected. When an end-user moves the mouse pointer within the preview pane, the View element located under the mouse pointer is highlighted. Once the end-user clicks the highlighted element, only the appearances used to paint this element are displayed within the Appearances list. For example, if a column header is clicked, only the FixedLine, HeaderPanel and HeaderPanelBackground appearances are shown.

To show all the available appearances, click the button or press the 'Ctrl'+'Z' key combination.

You can customize the settings for several appearances simultaneously. Hold down the SHIFT or CTRL keys while clicking on the names of appearances to select multiple appearance objects. To select all appearances, click the button or press the 'Ctrl'+'A' key combination. To reset the appearance settings of the selected appearance object(s) to their default values click the button or press the 'Ctrl'+'D' key combination.

The appearance layout (the settings of all the AppearanceObject objects) can be saved to an XML file and then applied to other Views. To do this use the buttons located at the top of the page. These buttons are described below.

  • Load Appearance Layout... - invokes an Open dialog that allows a previously saved appearance layout to be loaded from an XML file.
  • Save Appearance Layout... - invokes a Save dialog that allows the current appearance layout to be saved to an XML file.

For more information on appearances, see the Appearance and Conditional Formatting document.

Expanded See Also

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