Hello,
I try to get the SfDialog Working. But it does not show up. I realized that it always has the CSS-Class e-blazor-hidden when its rendering. I tried by doing the Getting-Started Guide
My Code:
Showcase.razor
@page "/showcase"
@using Syncfusion.Blazor.Popups
<h3>Showcase</h3>
<SfDialog Width="75px">
<DialogTemplates>
<Content>
This is a test
</Content>
</DialogTemplates>
</SfDialog>
index.html (part)
<head>
<meta charset="utf-8" />
...
<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
</head>
Program.cs
public class Program
{
public static async Task Main(string[] args)
{
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("MY_KEY");
var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
builder.Services.AddSyncfusionBlazor(options => options.IgnoreScriptIsolation = true);
WebAssemblyHost host = builder.Build();
await host.RunAsync();
}
}
I Installed Syncfusion.Blazor and Syncfusion.Blazor.Themes from Nuget.
I hope someone can help me.
Many thanks in advance!
Nick
