Log In
[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]Getting Started
   [Expand]Binding to Data
   [Expand]Grid View
   [Expand]View Technology
   [Expand]Data Editing
   [Expand]Filtering and Locating Rows
   [Expand]Focus and Selection Handling
   [Expand]Processing Rows
   [Expand]Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Collapse]Appearance and Conditional Formatting
    [Expand]Look and Feel
      Appearances Overview
      Tutorial: Custom Styles for Rows and Cells
      Tutorial: View and Column Appearance
      Customizing Appearances of Individual Columns, Card Fields and Bands
      Customizing Appearances of Individual Rows and Cells
      Style Schemes
    [Expand]Conditional Formats
    [Expand]Custom Painting
    [Expand]Alpha Blending and Background Images
   [Expand]Batch Modifications
   [Expand]Hit Information
   [Expand]Popup Menus
   [Expand]Saving and Restoring Layouts
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical 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]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Appearances Overview

The Grid Control consists of multiple visual elements. Customizing a grid's appearance means customizing the appearance of its visual elements via specific properties. At design time and runtime, you can change appearance attributes of the visual elements, such as the background and foreground colors, font settings, alignment etc. This topic lists the appearance settings available when using a grid control, and provides an overview of the methods that can be used to apply appearances. For more information on appearances, see the Appearances document.

Note that this is not the only way to change the grid control's appearance. Please refer to the Look And Feel Overview, Custom Painting Basics and Alpha Blending and Background Images documents for additional information on modifying the appearances of View elements.

Expanded Online Video

Learn how to customize the appearance of Views and individual columns and how to change the View's paint style so that you can customize theme-drawn elements.

Expanded Appearances and Appearance Settings

All DevExpress .NET Windows Forms controls use Appearances to customize the look and feel of their visual elements. The Appearance objects supersede the View Styles technology that was used to customize the look and feel of earlier versions of the controls.

Each View in Grid Control holds a collection of appearances used to paint its elements (cells, column headers, buttons, summary, etc.). This can be accessed via the BaseView.Appearance property. Appearances are represented by the AppearanceObject and AppearanceObjectEx objects. Their properties specify the background and foreground colors, gradient background, font, pen, brush and other style characteristics that are used to paint a particular element. For a list of the settings provided by appearance objects, see the Appearances document.

The image below shows how the appearances used to paint Grid View elements can be accessed using the Properties window.

The appearances can also be accessed and customized at design time using the Appearances page of the Grid Designer:

The list box on the left holds all available appearances. You can select them to modify an element's settings, using the property grid and the preview section that immediately reflect the changes made.

Expanded Methods of Customizing Appearances

The appearance settings used to paint a View's elements can be customized in a number of ways. These are listed below.

Expanded See Also

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