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

Appearance Customization

  • 2 min to read

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 ASP.NET MVC Dashboard extension allows you to apply two color schemes used to paint the dashboard - Light and Dark.

Light Dark
FinanceWeb_Screenshot FinanceTablet_Screenshot

To apply a required color scheme, pass its name as the optional clientUIControlColorScheme parameter to the ExtensionsFactory.GetStyleSheets method.

View code:

@Html.DevExpress().GetStyleSheets("dark",
    // ...
    new StyleSheet { ExtensionSuite = ExtensionSuite.Dashboard }
) 
// ...

As an alternative, use the ASPxWebClientUIControl.GlobalColorScheme property to specify the color scheme.

using DevExpress.Web;
//...

    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ASPxWebClientUIControl.GlobalColorScheme = "dark";
            return View();
        }
    //...
    }

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.

Compact Theme Specifics

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