Back to Devexpress

Themes Struct

blazor-devexpress-dot-blazor-be43ed64.md

latest2.0 KB
Original Source

Themes Struct

Lists DevExpress Blazor themes.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public struct Themes

Remarks

Call the RegisterTheme(ITheme) method in the App.razor file to register a theme in your Blazor application. You can choose a theme from the built-in theme collection or create a new theme using the Clone() method.

The built-in collection includes the following themes:

DevExpress Classic

razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.BlazingBerry)
</head>
razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.BlazingDark)
</head>
razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.OfficeWhite)
</head>
razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.Purple)
</head>

DevExpress Fluent

razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.Fluent)
</head>

Bootstrap External

A Bootstrap-based theme. Requires theme-specific CSS files.

razor
<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.BootstrapExternal.Clone(properties => {
        properties.Name = "Pulse Bootswatch";
        properties.AddFilePaths("css/bootstrap/pulse/bootstrap.min.css");
    }))
</head>

See Also

Themes Members

DevExpress.Blazor Namespace