Spinner documentation produces non-functioning code

[Paul Elrich]

I had trouble getting the spinner to work, so I tried just pasting the code sample from the documentation into a new page:

@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.Spinner
<div>
    <SfButton @onclick="@Click">Show/Hide Spinner</SfButton>
    <div id="container"></div>
    <SfSpinner @ref="SpinnerObj" Target="#container" CssClass="e-customClass">
    </SfSpinner>
</div>


@code{
    SfSpinner SpinnerObj;
    string target { get; set; } = "#container";

    private async Task Click()
    {
        SpinnerObj.ShowSpinner(target);
        await Task.Delay(2000);
        SpinnerObj.HideSpinner(target);
    }
}

<style>
    .e-spinner-pane.e-customClass .e-spinner-inner .e-spin-material {
        stroke: #808080;
    }
</style>

This code produces this error when clicking the button:

TypeError: Cannot read property 'blazorSpinner' of undefined
    at Object.spinnerUtility

[Indrajith Srinivasan]

Hi Paul, 

 

Greetings from Syncfusion support, 

 

We have validated the reported query and considered “Error cannot read property 'blazorSpinner' of undefined” as a bug from our end and logged the report for the same and the fix will be included with our patch release on the second week of April 2020.

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/13050/ 

 

Until then we suggest you to manually refer the spinner source from CRG. We have also prepared a sample with spinner source referred.

Spinner CRG source: https://www.syncfusion.com/downloads/support/directtrac/271122/ze/syncfusion-blazor-15856401710911880578567  

Sample: https://www.syncfusion.com/downloads/support/forum/152857/ze/Blazor_spinner-172600948

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Paul,

Thanks for your patience,

We have resolved the “Error cannot read property 'blazorSpinner' of undefined” issue from our end and the fix is available with the Nuget package version 18.1.43. 

 

Can you please upgrade your package to this version to resolve the issue from your end ?

Regards,
Indrajith 

[Unknown]

Provided sample is not working. Can't load syncfusion.blazor project.

[Indrajith Srinivasan]

Hi Richy,

Greetings from Syncfusion support, 

 

We have checked the shared sample and it works fine from our end. Also, we have resolved the reported issue in the version 18.1.43 and higher. We suggest you to use the latest Nuget package to resolve the reported issue. We have also prepared a sample that tries to meet your requirements. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/152857/ze/SFSPIN~1211595859  

 

Please let us know if the solution helps, 

 

Regards 

Indrajith