Dialog and newline

[Pio Luca Valvona]

I have an array of strings that I have to show in a dialog. 

Is it possible to insert a carriage return between one string and another to have each string on a different line?

[Ashokkumar Balasubramanian]

Hi Pio Luca Valvona, 

 

Good day to you. 

 

We are not clear about your query regarding dialog control, can you share the addition details about your query, like what have you tried, your code snippet and share the expected output. Refer the below link for documentation about the dialog control in MVC. 

 

https://help.syncfusion.com/aspnetmvc/dialog/getting-started 

 

Please let us know, if you have any concern on this. 

 

Regards, 

Ashokkumar B. 

[Pio Luca Valvona]

This is my code:

@Html.EJ().Dialog("ErrorList").ShowOnInit(false)

$("#ErrorList").ejDialog("setContent", response.alerts);
$("#ErrorList").ejDialog("open");

"response.alert" is a list of string.

Result is attached.

I need every string in the list to be displayed on a new line.

Attachment: dialogResult_352567b6.zip

[Ashokkumar Balasubramanian]

Hi Pio Luca, 

 

Thank you for sharing the code block. 

 

Based on your requirement, we have prepared the sample for display the array of strings in Dialog component, please find it below. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication12137847145 

 

Note: For this application, we have added the pre tag in application level, so could you please ensure, if you are applying any styles for this element? 

 

Please let us know, if you have any concerns. 

 

Regards, 

Ashokkumar B. 

[Pio Luca Valvona]

Hi Pio Luca, 

 

Thank you for sharing the code block. 

 

Based on your requirement, we have prepared the sample for display the array of strings in Dialog component, please find it below. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication12137847145 

 

Note: For this application, we have added the pre tag in application level, so could you please ensure, if you are applying any styles for this element? 

 

Please let us know, if you have any concerns. 

 

Regards, 

Ashokkumar B. 

Thanks for the support, the change you've shown me works as expected, but a bootstrap style is applied.

 Is there a way to have the same result without changing the style?

[Ashokkumar Balasubramanian]

 

Hi Pio Luca, 

 

Thank you for your concerns. 

 

As per your concerns, we have removed the pre tag and used custom class to achieve your requirement in below sample. Could you please check sample and update your concerns? 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication2-979135490 

 

Regards, 

Ashokkumar B. 

[Pio Luca Valvona]

 

Hi Pio Luca, 

 

Thank you for your concerns. 

 

As per your concerns, we have removed the pre tag and used custom class to achieve your requirement in below sample. Could you please check sample and update your concerns? 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication2-979135490 

 

Regards, 

Ashokkumar B. 

Thanks for the support Ashokkumar , the change you've shown me works as expected. It's perfect,

[Ashokkumar Balasubramanian]

Hi Pio Luca, 

 

We are glad to hear the problem has been resolved. Please let us know, if you need any further assistance. 

 

Regards, 

Ashokkumar B.