Themes Overview

• Apr 19, 2019
• 2 minutes to read

Important

This documentation topic describes legacy technology. We no longer develop new functionality for the GridControl and suggest that you use the new DataGridView control instead.

DevExpress provides the Light and Dark built-in themes that you can apply to GridControl to change its appearance.

Theme	iOS	Android
Light (Default for iOS)
Dark (Default for Android)

Apply Predefined Theme

The Themes class stores available theme names. To change the theme, assign Themes class’s appropriate field to the ThemeManager.ThemeName property.

C#

using Xamarin.Forms;
using DevExpress.Mobile.DataGrid.Theme;

    // ... 

    ThemeManager.ThemeName = Themes.Dark;

    // ...

Customize Applied Theme

To customize the applied theme, use the ThemeBase class. It provides you with various customizers that allow you to change a theme’s appearance and apply it to the grid. You can use these customizers to change background colors, fonts and others attributes of the desired grid element (header, group row and so on). For more information, see the How to: Customize Themes document.

Important

To apply the customization, call the ThemeManager.RefreshTheme method.

To track the moment the theme changes, either handle the ThemeManager.ThemeChanged event or use the IThemeChangingHandler.OnThemeChanged method.

Define a Custom Theme

To define a custom grid theme, you can either inherit from the LightTheme or DarkTheme class, or manually implement an appropriate interface.