search

EdCharbeneau / BlazorPro.Spinkit

A Blazor library for loading and long process scenarios based on the CSS library Spinkit
99 stars 22 forks source link

Followed the getting started and the spinners are still not showing up. #16

Closed CliffBDev closed 2 years ago

CliffBDev commented 2 years ago

I have a .NET 6 Blazor WASM application and followed the steps in the README and the spinners are showing up.

Index.html:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>myproject.wasm</title>
    <base href="/" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"  />
    <link rel="stylesheet" href="css/app.css"  />
    <link rel="stylesheet" href="myproject.wasm.styles.css"  />
    <link rel="stylesheet" href="_content/BlazorPro.Spinkit/spinkit.min.css" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
    <link rel="stylesheet" href="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.css" />
</head>

.razor file:

<SpinLoader IsLoading="_isLoading">
    <ContentTemplate>
        <RadzenTabs TabPosition="TabPosition.Left" style="height: 700px; width: 1200px; margin: 20px auto;" RenderMode="TabRenderMode.Client">
            <Tabs>
               ... code here
            </Tabs>
        </RadzenTabs>
    </ContentTemplate>
</SpinLoader>

code for .razor file

@code {
    bool _isLoading = true;

    protected async override Task OnInitializedAsync()
    {
        //....Long running task here
        _isLoading = false;
    }

}
CliffBDev commented 2 years ago

Nevermind. I'm just an absolute idiot and didn't close two links above. Thanks for Lib. Working great!

EdCharbeneau commented 2 years ago

We've all had those days. No worries. 😉