We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Toast Timeout and ShowCloseButton parameters not working

Hello,


I have installed Syncfusion Blazor nuget version 20.4.0.44 at my Blazor server app project and I am using the Toast component but some of the parameters of the component get a different value from the one that I give them.


Specifically at the Toast component I set the Timeout property equal to 10000 milliseconds but when I run the project the Toast is only shown for 5000 milliseconds.

Also another parameter is the ShowCloseButton which is set to true but when running the project the close button is not visible on the Toast


I am posting the project below to show you the problem

Any idea why is this happening?

Thanks in advance!


Attachment: ToastTesting_957fb934.zip

1 Reply 1 reply marked as answer

VY Vinothkumar Yuvaraj Syncfusion Team February 8, 2023 06:52 AM UTC

Hi Amanda,


To solve the problem, you can pass the ShowCloseButton and Timeout properties to the ToastModel. This will allow you to control the close button and the duration of the Toast.

Here is an example for your reference:

Index.razor.cs

  private List<ToastModel> Toast = new List<ToastModel>

    {

        new ToastModel{ Title = "Warning!", Content="There was a problem with your network connection.", CssClass="e-toast-warning", Icon="e-warning toast-icons" ,ShowCloseButton=true,Timeout=1000},

    };


You can also refer to the attached sample for your reference.


Regards,

Vinothkumar


Attachment: ToastTesting_957fb934_(2)_997cd9a5_322be00.zip

Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon