From 8f40ffa39bc9e33d4f535579fd2755e5f5a2ffb6 Mon Sep 17 00:00:00 2001
From: Ilkay Ilknur <ilkay@ilkayilknur.com>
Date: Mon, 16 Nov 2020 18:06:00 +0300
Subject: [PATCH] document updates based on feedback.

---
 docs/en/UI/Blazor/Message.md | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/docs/en/UI/Blazor/Message.md b/docs/en/UI/Blazor/Message.md
index 962c93512a..569057acbf 100644
--- a/docs/en/UI/Blazor/Message.md
+++ b/docs/en/UI/Blazor/Message.md
@@ -13,6 +13,11 @@ namespace MyProject.Blazor.Pages
     {
         public IUiMessageService UiMessageService { get; set; }
 
+        public Index(IUiMessageService uiMessageService)
+        {
+            UiMessageService = uiMessageService;
+        }
+
         public async Task SaveAsync()
         {
             await UiMessageService.Success("Your changes have been successfully saved!", "Congratulations");
@@ -25,6 +30,22 @@ It will show a dialog on the UI:
 
 ![blazor-message-success](../../images/blazor-message-success.png)
 
+If you inherit your page or component from `AbpComponentBase` class, you can use the `Message` property to access the `IUiMessageService`.
+
+```csharp
+namespace MyProject.Blazor.Pages
+{
+    public partial class Index : AbpComponentBase
+    {
+        public async Task SaveAsync()
+        {
+            await Message.Success("Your changes have been successfully saved!", "Congratulations");
+        }
+    }
+}
+```
+
+
 ## Informative Messages
 
 There are four types of informative message functions:
@@ -51,7 +72,7 @@ UiMessageService.Error('Your credit card number is not valid!');
 
 ## Confirmation Message
 
-`IUiMessage.Confirm(...)` method can be used to get a confirmation from the user.
+`IUiMessageService.Confirm(...)` method can be used to get a confirmation from the user.
 
 **Example**