DevExpress.Blazor.Themes

 DevExpress.Blazor.Themes 

The DevExpress.Blazor.Themes NuGet package contains the following Blazor application stylesheets:

  • Four built-in DevExpress themes
  • A stylesheet that allows you to apply Bootstrap-based themes to DevExpress Blazor components

Locate the Code that Sets the Theme

The code that sets the theme is always in the same place. The location does not depend on whether your application uses a DevExpress theme or the standard Bootstrap theme. The theme’s stylesheet is linked in the <head> section of the following files:

  • In the Pages/_Layout.cshtml file for Blazor Server.
  • In the wwwroot/index.html file for Blazor WebAssembly.

If you use the standard Bootstrap theme that ships with Microsoft Blazor templates or another Bootstrap-based theme, add a link to the bootstrap-external stylesheet below your theme’s stylesheet reference:

<head>
    @* For Bootstrap 5 *@
    <link rel="stylesheet" href="_content/DevExpress.Blazor.Themes/bootstrap-external.bs5.min.css" /> 
    @* For Bootstrap 4 *@
    <link rel="stylesheet" href="_content/DevExpress.Blazor.Themes/bootstrap-external.bs4.min.css" />
    @*...*@
</head>

 

dotnet add .\mycsproj package DevExpress.Blazor.Themes -v 21.2.7

NU1603: Ticketing.Web depends on DevExpress.Blazor.Themes (>= 21.2.7) but DevExpress.Blazor.Themes 21.2.7 was not found. An approximate best match of DevExpress.Blazor.Themes 22.1.3 was resolved.

 

posted @ 2022-12-08 10:56  ChuckLu  阅读(65)  评论(0)    收藏  举报