Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Collapse]Pivot Grid
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Binding to Data
   [Expand]Data Shaping
   [Expand]Data Analysis
   [Expand]Data Formatting
   [Expand]Layout
   [Collapse]Appearance
     Appearance Customization
     Customizing Appearance of Individual Cells
     ASPxPivotGrid Elements that Support Templates
   [Expand]Data Export
   [Expand]Design-Time Features
   [Expand]UI Elements
   [Expand]Examples
   [Expand]End-User Capabilities
   [Expand]Member Tables
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET 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]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Appearance Customization

DevExpress offers you multiple ways to customize the appearance of an Pivot Grid.

  • Cascading Style Sheet (CSS) Classes

    Use cascading style sheet (CSS) classes. CSS styles define how elements are rendered, and their position on the page. This provides you with centralized control over the appearance of several controls, or the entire web site. The ASPxPivotGrid ships with a number of predefined presets (DevExpress themes). You can also create your own themes. For detailed information and examples, see DevExpress Themes Overview.

  • Built-in Styles

    The ASPxPivotGrid provides multiple styles, so you can customize the appearance of individual elements, and manage the pivot grid's overall appearance. Each style property has a number of attributes that allow you to customize element appearance to the maximum extent allowed by web browsers. These attributes include: colors, font, borders, content alignment, text attributes, etc. These styles can be accessed using the following properties:

    Member Description
    ASPxPivotGrid.Styles Provides access to the style settings that control the appearance of the pivot grid's elements (cells, field values, headers, etc.).
    ASPxPivotGrid.StylesEditors Provides access to style settings that paint editors, used to edit filter values within the Filter Editor (Prefilter).
    ASPxPivotGrid.StylesFilterControl Provides access to the style settings used to paint the Filter Editor (Prefilter).
    ASPxPivotGrid.StylesPager Provides access to the style settings that control the appearance of the Pager.
    ASPxPivotGrid.StylesPrint Provides access to the style settings used to paint the pivot grid when it is printed (exported).
  • DevExpress Themes

    DevExpress ASP.NET product line controls are shipped with a set of predefined visual themes - DevExpress Themes - that allow you to provide a consistent appearance through all DevExpress ASP.NET controls contained within your website pages. Refer to the Available Themes topic for a list of the pre-packed DevExpress Themes.

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