Appearance Customization

• Aug 01, 2019

This topic describes how to change the color scheme used to paint a Web Dashboard. If necessary, you can enable a compact theme designed to fit a large number of elements within a web page.

The ASPxDashboard control allows you to apply two color schemes used to paint the dashboard - Light and Dark.

Light	Dark

To specify a color scheme, set the ASPxWebClientUIControl.ColorScheme property to the required value on page load.

C#

using DevExpress.DashboardWeb;
//...

    public partial class WebForm1 : System.Web.UI.Page {
        protected void Page_Load(object sender, EventArgs e) {
            ASPxDashboard1.ColorScheme = ASPxDashboard.ColorSchemeDark;
        }
    }

VB.NET

Imports DevExpress.DashboardWeb
'... 

    Partial Public Class WebForm1
        Inherits System.Web.UI.Page
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
            ASPxDashboard1.ColorScheme = ASPxDashboard.ColorSchemeDark
        End Sub
    End Class

The following color schemes are supported.

Color scheme	Description
ASPxDashboard.ColorSchemeLight	Identifies the Light color scheme.
ASPxDashboard.ColorSchemeLightCompact	Identifies the Light compact color scheme.
ASPxDashboard.ColorSchemeDark	Identifies the Dark color scheme.
ASPxDashboard.ColorSchemeDarkCompact	Identifies the Dark compact color scheme.

If the web page contains several ASPxDashboard controls or descendants of the ASPxWebClientUIControl class, use the static ASPxWebClientUIControl.GlobalColorScheme property.

Compact Theme Specifics

Note that compact themes affect only specific dashboard items that include:

• Grid
• Pivot
• Filter Elements