Themes Overview

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)

Grid_LightTheme_iOS

Grid_LightTheme_Android

Dark

(Default for Android)

Grid_DarkTheme_iOS

Grid_DarkTheme_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.

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.