This is a migrated thread and some comments may be shown as answers.

Add Carriage Return in Message

2 Answers 363 Views
Dialog
This is a migrated thread and some comments may be shown as answers.
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
Bob asked on 22 Apr 2021, 06:57 PM

Is there any way I put a carriage return in the message for the Dialog?

I have tried putting <br/> in the string as well as Environment.NewLine and \n\r and nothing seems to work.

 

await Dialogs.ConfirmAsync("There are un-saved changes to the Account Detail. {I want a line break here} Do you want to save them before continuing?", "Un-saved Changes");

2 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 23 Apr 2021, 06:21 AM

Hello Bob,

The dialog uses the best practice from the framework where HTML is encoded and not rendered. This helps a lot in preventing XSS attacks.

So, right now it is not possible to add HTML in messages.

In a future version where a full-blown Dialog component exists you will be able to set a template for it where you could render the desired content.

For the time being, you can consider one of the approaches from these sample projects: https://github.com/telerik/blazor-ui/tree/master/common/confirm-button.

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Greg
Top achievements
Rank 1
Iron
commented on 04 Jun 2021, 03:55 PM

Hello Martin,

I'm not seeing in the example that you linked to a way to include multiple lines of text in a Dialog. The example given appears to be a custom Dialog component made out of a Telerik Window component.

In my case (like the original poster, I think) I would like to include a line break, it doesn't have to HTML. I just need a way to display multiple lines of text in a Dialog Alert box.

Is this possible?

Thanks,
Greg
Dimo
Telerik team
commented on 09 Jun 2021, 01:44 PM

Hi Greg,

Your observation is correct - the example shows how to use a TelerikWindow instead of a Dialog for scenarios where you need rich text inside the popup. The Dialog does not support this currently, because any HTML will be encoded. For a new line on a web page, you need a <br /> tag. Plain new lines are ignored by the browser (except in <textarea>s).

If you don't need the line break at a specific place, you can set some width constraints to the Dialog and the text will break into multiple lines automatically.

    .k-dialog-content {
        min-width: 100px;
        max-width: 300px
    }
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
commented on 09 Jun 2021, 02:12 PM

Since the purpose of not allowing rich text is to prevent XSS attacks, couldn't you just prevent certain html tags (such as script, href, etc..). There is NO harm in allowing <br/> tags.
Dimo
Telerik team
commented on 09 Jun 2021, 02:25 PM

Bob, that is certainly true and when we decide to enhance the Dialog, we will allow more flexibility. There is an open feature request that you can follow for updates:

https://feedback.telerik.com/blazor/1521466-rendering-html-texts-in-header-and-content-custom-dialog-content-html-components

0
Marc Simkin
Top achievements
Rank 1
Iron
Veteran
Iron
answered on 26 Aug 2021, 07:18 PM

I know I'm late to provide an answer.  I had a similar issue today, working on a custom message box.  

After spending too much time experimenting and then googling, I eventually found that the correct approach was to use MarkupString.

I found the answer in a KB on a competitor's site and then more detail on Gerald Barre's blog.

Dimo
Telerik team
commented on 27 Aug 2021, 12:09 PM

Hi Marc,

You are right that MarkupString is the way to go, when you want to render raw HTML. However, our Dialog methods expect only a String argument and this imposes the discussed limitation.

Tags
Dialog
Asked by
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Marin Bratanov
Telerik team
Marc Simkin
Top achievements
Rank 1
Iron
Veteran
Iron
Share this question
or