From dc262966b516f614161986a0d581b836b76fc8a6 Mon Sep 17 00:00:00 2001 From: kaliraj2026 Date: Wed, 29 Jul 2026 17:46:39 +0530 Subject: [PATCH 1/2] 859517: Review and improve Blazor Message documentation --- blazor/message/icons.md | 79 +++++++----------- .../message/images/message-custom-icon.webp | Bin 20006 -> 0 bytes 2 files changed, 31 insertions(+), 48 deletions(-) delete mode 100644 blazor/message/images/message-custom-icon.webp diff --git a/blazor/message/icons.md b/blazor/message/icons.md index 8de4aa1a00..280b6779d2 100644 --- a/blazor/message/icons.md +++ b/blazor/message/icons.md @@ -9,7 +9,7 @@ documentation: ug # Icons in Blazor Message -This section explains the message with no icons, how to show or hide the close icon and add the custom severity icon to the message. +This section explains how to hide severity icons, customize the icon appearance, and show or hide the close icon using the `ShowIcon` and `ShowCloseIcon` properties. ## No Icon @@ -65,34 +65,30 @@ The following example demonstrates how the default message is rendered with a cu @using Syncfusion.Blazor.Notifications
-
-

Custom Message with Icon

- Essential JS 2 is a modern JavaScript UI Controls library that has - been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies. It also includes complete support for Angular, React, Vue, ASP.NET MVC and ASP.NET Core frameworks. -
+
+

Custom Message with Icon

+ + Essential JS 2 is a modern JavaScript UI Controls library that has + been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies. It also includes complete support for Angular, React, Vue, ASP.NET MVC and ASP.NET Core frameworks. + +
{% endhighlight %} @@ -117,15 +113,15 @@ In the following example, the messages are rendered with the close icon.
- Editing is restricted + Editing is restricted - Please read the comments carefully + Please read the comments carefully - Your message has been sent successfully + Your message has been sent successfully - There was a problem with your network connection + There was a problem with your network connection - A problem has been occurred while submitting your data + An error occurred while submitting your data
@@ -145,8 +141,6 @@ In the following example, the messages are rendered with the close icon. private bool warningCloseIcon = true; private bool infoCloseIcon = true; private bool errorCloseIcon = true; - private bool severityChecked = true; - private bool closeIconChecked = true; private string defaultBtnClass = "e-outline e-primary msg-hidden"; private string infoBtnClass = "e-outline e-primary e-info msg-hidden"; private string successBtnClass = "e-outline e-primary e-success msg-hidden"; @@ -200,21 +194,10 @@ In the following example, the messages are rendered with the close icon. } }