Show toast on initialized

[Luis Roberto]

Hi, On a Blazor webassembly project , I'm trying to show a toast when the page component is loaded, but I got error "Object reference not set to an instance of an object.". I have tried it on different events like OnInitializedAsync, OnAfterRender, OnParametersSetAsync, but on all the events the toas object is null. 

Here is my code, thank you.

<SfToast ID="alertMessage" @ref="@ToastObj" Title="Client"  Content="@ToastContent">

        <ToastPosition X="Center" Y="Top"></ToastPosition>

</SfToast>

@code {

    SfToast ToastObj;

    private string ToastContent = "Client has been added successfully";

    private async Task OnInitializedAsync()

    {

       await this.ToastObj.Show();

    }

    private async Task OnParametersSetAsync()

    {

       await this.ToastObj.Show();

    }

protected override void OnAfterRender(bool firstRender)

    {

this.ToastObj.Show();

}

}

[Revanth Krishnan]

Hi Luis, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “Need to show Toast on initialized when the page component is loaded”. 

 

This can be achieved using the ‘Created’ event of the Toast to show the Toast when the page component is loaded. We have prepared a sample for your reference, 

 

Code Snippet: 

 

@using Syncfusion.Blazor.Notifications 

 

<SfToast ID="alertMessage" @ref="@ToastObj" Title="Client" Content="@ToastContent" Timeout="10000"> 

    <ToastEvents Created="@onCreate"></ToastEvents> 

    <ToastPosition X="Center" Y="Top"></ToastPosition> 

</SfToast> 

 

@code { 

    SfToast ToastObj; 

 

    private string ToastContent = "Client has been added successfully"; 

 

    private async Task onCreate() 

    { 

        await this.ToastObj.Show(); 

    } 

} 

 

Sample: https://www.syncfusion.com/downloads/support/forum/161910/ze/Toast_OnInitial1578035089 

 

Please check the above code snippet and the sample and let us know if it satisfies your requirement. 

 

Regards, 

Revanth 

[Luis Roberto]

It worked great, thank you very much, I really appreciate your help.

Take care

[Revanth Krishnan]

Hi Luis, 

 

Thank for the update. 

 

Please let us know if you need any further assistance. 

 

Regards, 

Revanth