Blazor Hybrid toast notification on iOS

Why does the toast show from the top of the screen on iOS?
And how can I fix it?

Simulator Screen Shot - iPhone 14 - 2024-11-30 at 21.39.37 (2).jpg


1 Reply

PK Priyanka Karthikeyan Syncfusion Team December 3, 2024 12:24 PM UTC

Hi Boot Dat,

 

Thank you for reaching out to us.

 

You can customize the position of the Toast component by specifying the X and Y properties within the ToastPosition tag. Below is an example demonstrating how to position the toast notification at the bottom-right corner:

 

 

<SfToast @ref="ToastObj" Timeout="@TimeOut" Title="Matt sent you a friend request" Content="@ToastContent">

 <ToastPosition X="Right" Y="Bottom"></ToastPosition>

</SfToast>

 

 

 

Sample: https://blazorplayground.syncfusion.com/BXrpsVNqJfhTCmoC

 

For more information, please refer the below UG documentation

https://blazor.syncfusion.com/documentation/toast/position

 

Regards,

Priyanka K


Loader.
Up arrow icon