diff --git a/plugins/dotnet-blazor/skills/use-igniteui-blazor/SKILL.md b/plugins/dotnet-blazor/skills/use-igniteui-blazor/SKILL.md index 5142b43c..1a301c5e 100644 --- a/plugins/dotnet-blazor/skills/use-igniteui-blazor/SKILL.md +++ b/plugins/dotnet-blazor/skills/use-igniteui-blazor/SKILL.md @@ -6,10 +6,10 @@ description: > USE FOR: installing IgniteUI.Blazor.Lite or IgniteUI.Blazor.GridLite, registering AddIgniteUIBlazor() in Blazor Server, WASM, Hybrid, or split Blazor Web App projects, adding @using IgniteUI.Blazor.Controls, wiring the - theme stylesheet and app.bundle.js assets, picking the right host page and - framework script, locating the GridLite stylesheet path, explaining - single-project vs split Server/Client Web App setup differences, and checking - where an interactive render mode is needed for Ignite UI components to work. + theme stylesheet, picking the right host page, locating the GridLite + stylesheet path, explaining single-project vs split Server/Client Web App + setup differences, and checking where an interactive render mode is needed + for Ignite UI components to work. DO NOT USE FOR: general Blazor component authoring without Ignite UI, choosing app architecture or render mode from scratch (see create-blazor-project), JavaScript interop (see use-js-interop), authentication (see configure-auth), @@ -64,18 +64,15 @@ builder.Services.AddIgniteUIBlazor(); Add it to both `_Imports.razor` files in split Blazor Web App solutions. -## 4. Host page — CSS and script +## 4. Host page — theme stylesheet Host page is `wwwroot/index.html` (WASM/MAUI), `Pages/_Host.cshtml` (Server), or `Components/App.razor` (Web App). ```html -... - - ``` -Both tags are required: without the stylesheet components render unstyled, without `app.bundle.js` they do not render at all. `app.bundle.js` must come **before** the Blazor framework script. +The stylesheet is required: without it components render unstyled. Theme files under `_content/IgniteUI.Blazor/themes/` are `{light|dark}/{bootstrap|material|fluent|indigo}.css` — link exactly one. @@ -101,11 +98,3 @@ Ignite UI components need an interactive render mode; static SSR renders nothing Or globally in `App.razor`: ``. -## Project type reference - -| Project type | Builder | Host page | Framework script | -|---|---|---|---| -| Blazor Server | `WebApplication.CreateBuilder` | `Pages/_Host.cshtml` | `blazor.server.js` | -| Blazor WASM | `WebAssemblyHostBuilder` | `wwwroot/index.html` | `blazor.webassembly.js` | -| Blazor Web App | both server + client | `Components/App.razor` | `blazor.web.js` | -| MAUI Blazor Hybrid | `MauiApp.CreateBuilder` | `wwwroot/index.html` | `blazor.webview.js` | diff --git a/tests/dotnet-blazor/use-igniteui-blazor/eval.yaml b/tests/dotnet-blazor/use-igniteui-blazor/eval.yaml index a04d9ecb..a3b20997 100644 --- a/tests/dotnet-blazor/use-igniteui-blazor/eval.yaml +++ b/tests/dotnet-blazor/use-igniteui-blazor/eval.yaml @@ -14,7 +14,7 @@ stimuli: 1. The package references for the core Ignite UI Blazor components and the GridLite package. 2. The service registration needed in Program.cs for a split Blazor Web App. 3. The _Imports.razor entry required so the component namespaces are available. - 4. The host-page CSS and script tags, including the correct order. + 4. The host-page tags for the Ignite UI assets. 5. Any note about where AddIgniteUIBlazor() has to be called in a split app. Keep the answer concrete and file-oriented. I do not want a generic overview. @@ -31,15 +31,12 @@ stimuli: - type: output-contains config: substring: _Imports.razor - - type: output-contains - config: - substring: app.bundle.js - type: output-not-contains config: substring: '