More than 1 year has passed since last update.

.NET 7 Blazor Webassembry に SyncFusinを入れる備忘録

Posted at 2023-01-22

NuGetで SyncFusion.Blazor.Buttons SyncFusion.Blazor.Themes をインストール
プロダクトキー登録とサービス追加

programs.cs

:
// SyncFuion
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("xxxxx");
builder.Services.AddSyncfusionBlazor(options => {options.IgnoreScriptIsolation = true; });
:

テーマ設定

index.hml

<head>
:
    <!--SyncFusion Theme-->
    <link href="_content/Syncfusion.Blazor.Themes/bootstrap4.css" rel="stylesheet" />
</head>

ボタン配置

LoginDisplay.razor

    <Authorized>
        Hello, @context.User.Identity?.Name!
        <SfButton IsPrimary="true">ログアウト</SfButton>
    </Authorized>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up