'Syncfusion.Blazor.Spinner.SfSpinner' does not have a property matching the name 'Target'.

[Miles Gibson]

I upgraded to the latest version, and now the Spinner errors out.  What happened?

<div class="col-lg-12 control-section">

    <div class="content-wrapper">

        <div class="row">

            <SfSpinner @bind-Visible="showSpinner" Target=".e-grid"></SfSpinner>

        </div>

    </div>

</div>

TIA,

Miles

[Vinitha Jeyakumar]

Hi Miles, 

 

 

Greetings from Syncfusion support, 

 

 

We have validated your query “'Syncfusion.Blazor.Spinner.SfSpinner' does not have a property matching the name 'Target'” 

 

We want to let you know that we have deprecated the Target property in the 2021 Vol 3 release and mentioned it will no longer be used. Now you can use the spinner directly inside the target element where you want to show the spinner. Please check the code below, 

 

Code snippet: 

<div> 

    <SfButton @onclick="@ClickHandler">Show/Hide Spinner</SfButton> 

    <div id="container">//Target element 

        <SfSpinner @bind-Visible="@VisibleProperty"> 

        </SfSpinner> 

    </div> 

</div> 

 

@code{ 

    private bool VisibleProperty { get; set; } = false; 

 

    private async Task ClickHandler() 

    { 

        this.VisibleProperty = true; 

        await Task.Delay(2000); 

        this.VisibleProperty = false; 

    } 

} 

 

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/18.3.35?type=all#breaking-changes-22 

 

Documentation: https://blazor.syncfusion.com/documentation/spinner/getting-started#initialization 

Please check the solution and let us know if you have needed any further assistance. 

 

Regards, 

Vinitha