Insert newline in content

[psyk]

Hello, 

I have a dialog in my page:

I would like to insert new line in my content.

 I tried this:

But it doesn't work.

How can I achieve that?

Thank you

[Revanth Krishnan]

Hi Psyk, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “In the dialog content I would like to insert a new line in my content. How can I achieve that?” 

 

The can be achieved by using the ‘<br/>’ tag for the new line and then using the ‘MarkupString’ to convert this ‘<br>’ tag as a new line. We have prepared a sample based on the code snippet shared for your reference, 

 

Code Snippet: 

 

SfDialog Width="250px" ShowCloseIcon="true" @bind-Visible="@IsVisible"> 

    <DialogTemplates> 

        <Header>@DialogTitle</Header> 

        <Content>@((MarkupString)this.Message) </Content> 

    </DialogTemplates> 

    <DialogButtons> 

        <DialogButton Content="OK" IsPrimary="true" OnClick="@CloseDialog" /> 

        <DialogButton Content="Cancel" OnClick="@CloseDialog" /> 

    </DialogButtons> 

    <DialogEvents OnOverlayClick="@CloseDialog"></DialogEvents> 

</SfDialog> 

 

@code { 

    private string DialogTitle { get; set; } = "Dialog Header"; 

    private string Message { get; set; } = "line1<br/>line2"; 

} 

 

Sample: https://www.syncfusion.com/downloads/support/forum/163612/ze/Dialog_Blazor_App1412947579 

 

Please check the above code snippet and the sample and let us know if it resolves your issue. 

 

Regards, 

Revanth 

[psyk]

Thank you, It works!

[Indrajith Srinivasan]

Hi Psyk,

Welcome,

Please get back to us if you need any  further assistance.

Regards,
Indrajith