CustomColorSchemes Class

Contains members used to create a new theme with custom CSS files.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

public static class CustomColorSchemes

VB.NET

Public Module CustomColorSchemes

Remarks

The following example shows how to register a new theme for ASP.NET Web Forms Dashboard control.

1. Create the folder in the project and put the CSS files in the created folder (for example, Content | custom-themes).

2. Register the theme in the Global.asax file:

   C#

   using DevExpress.Web; 
   using DevExpress.DashboardWeb; 
   //... 
   
           protected void Application_Start() {
               //...
               CustomColorSchemes
                   .Configure("custom-themes")
                   .AddDevExtremeStyle(@"Content/custom-themes/dx.light-yellow.min.css")
                   .AddAnalyticsStyle(@"Content/custom-themes/dx-analytics.light-yellow.min.css")
                   .AddDashboardStyle(@"Content/custom-themes/dx-dashboard.light-yellow.min.css");
           }
   

   VB.NET

   Imports DevExpress.Web
   Imports DevExpress.DashboardWeb
   '... 
       Protected Sub Application_Start()
           '...
           CustomColorSchemes.Configure("light-yellow") _ 
               .AddDevExtremeStyle("Content/custom-themes/dx.light-yellow.min.css") _ 
               .AddAnalyticsStyle("Content/custom-themes/dx-analytics.light-yellow.min.css") _ 
               .AddDashboardStyle("Content/custom-themes/dx-dashboard.light-yellow.min.css")     
       End Sub
   

3. Use the ASPxWebClientUIControl.ColorScheme property to apply the custom theme to the Web Dashboard:

   C#

   protected void Page_Load(object sender, EventArgs e) {
       // ...
       ASPxDashboard1.ColorScheme = "light-yellow";
   }
   

   VB.NET

   Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
       ' ...
       ASPxDashboard1.ColorScheme = "light-yellow"
   End Sub
   

   The same code in ASP.NET markup:

   <dx:ASPxDashboard ID="ASPxDashboard1" runat="server" ColorScheme="light-yellow"></dx:ASPxDashboard>
   

See Themes and Styles for detailed information about how to generate and register a custom theme for ASP.NET Web Forms Dashboard control.

Inheritance

Object

CustomColorSchemes