The requested page is not available for the requested platform. You are viewing the content for Default platform.

Themes Overview


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.





(Default for iOS)




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

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.


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.