Linebreak in Toast Message

We use the Toast popup control to display validation messages.  At the moment a typical validation message would be:

"Your date of birth is in the future. Please enter a valid date of birth".

We'd like to insert a line break so the validation error is visually separated from the required action.  For example:

"Your date of birth is in the future.

Please enter a valid date of birth".

How can we insert a line break (ie; CRLF, NewLine, etc) into a string to be displayed by the Toast popup control? 



3 Replies 1 reply marked as answer

VJ Vinitha Jeyakumar Syncfusion Team September 6, 2021 10:54 AM UTC

Hi Peter, 
 
 
Greetings from Syncfusion support 
 
 
We have validated your query “Linebreak in Toast Message 
 
Your requirement to insert a line break into the Toast Content can be achieved using <br> tag. Please check the code snippet for your reference, 
 
Code snippet: 
    <SfToast ID="toast_default" @ref="ToastObj" Title="Toast Header" Content="@ToastContent" > 
    </SfToast> 
     
@code { 
    SfToast ToastObj; 
    private string ToastPosition = "Right"; 
    private string ToastContent = "<p>Your date of birth is in the future</p> <br> <p>Please enter a valid date of birth</p>"; 
    } 
 
 
Please check the above code snippet and sample and let us know if it satisfies your requirement. 
 
Regards, 
Vinitha. 


Marked as answer

PE Peter September 6, 2021 10:39 PM UTC

So simple!  Thanks.



VJ Vinitha Jeyakumar Syncfusion Team September 7, 2021 04:09 AM UTC

Hi Peter, 
 
 
You are welcome. Please get back to us if you need further assistance. 
 
Regards, 
Vinitha. 


Loader.
Up arrow icon