From 49e031c7bd4c7de351f976bcf9c111946a9cc1e1 Mon Sep 17 00:00:00 2001 From: Ilkay Ilknur Date: Fri, 13 Nov 2020 16:25:33 +0300 Subject: [PATCH 1/3] blazor ui message documentation added. --- docs/en/UI/Blazor/Message.md | 100 +++++++++++++++++++++- docs/en/images/blazor-message-confirm.png | Bin 0 -> 11079 bytes docs/en/images/blazor-message-error.png | Bin 0 -> 8196 bytes docs/en/images/blazor-message-success.png | Bin 0 -> 11858 bytes 4 files changed, 99 insertions(+), 1 deletion(-) create mode 100644 docs/en/images/blazor-message-confirm.png create mode 100644 docs/en/images/blazor-message-error.png create mode 100644 docs/en/images/blazor-message-success.png diff --git a/docs/en/UI/Blazor/Message.md b/docs/en/UI/Blazor/Message.md index 8373bd1d82..962c93512a 100644 --- a/docs/en/UI/Blazor/Message.md +++ b/docs/en/UI/Blazor/Message.md @@ -1,3 +1,101 @@ # Blazor: UI Message Service -TODO \ No newline at end of file +UI message service is used to show nice-looking messages to the user as a blocking dialog. + +## Quick Example + +Simply inject `IUiMessageService` to your page or component and call the `Success` method to show a success message. + +```csharp +namespace MyProject.Blazor.Pages +{ + public partial class Index + { + public IUiMessageService UiMessageService { get; set; } + + public async Task SaveAsync() + { + await UiMessageService.Success("Your changes have been successfully saved!", "Congratulations"); + } + } +} +``` + +It will show a dialog on the UI: + +![blazor-message-success](../../images/blazor-message-success.png) + +## Informative Messages + +There are four types of informative message functions: + +* `Info(...)` +* `Success(...)` +* `Warn(...)` +* `Error(...)` + +All of these methods get three parameters: + +* `message`: The message (`string`) to be shown. +* `title`: An optional (`string`) title. +* `options`: An optional (`Action`) to configure UI message options. + +**Example: Show an error message** + +````csharp +UiMessageService.Error('Your credit card number is not valid!'); +```` + +![blazor-message-success](../../images/blazor-message-error.png) + + +## Confirmation Message + +`IUiMessage.Confirm(...)` method can be used to get a confirmation from the user. + +**Example** + +Use the following code to get a confirmation result from the user: + +```csharp +public async Task DeleteAsync() +{ + var confirmed = await UiMessageService.Confirm("Are you sure to delete the 'admin' role?"); + if(confirmed) + { + //Delete the 'admin' role here. + } +} +``` + +The resulting UI will be like shown below: + +![blazor-message-confirm](../../images/blazor-message-confirm.png) + +If the user has clicked the `Yes` button, the `Confirm` method's return value will be `true`. + +## UI Message Configuration + +It is easy to change default UI Message options if you like to customize messages. Provide an `action` to the `options` parameter and change the default values. + +```csharp +await UiMessageService.Success("Your changes have been successfully saved!", "Congratulations", (options) => + { + options.MessageIcon = "msg-icon-new"; + options.CenterMessage = false; + }); +``` + +List of the options that you can change by providing the `action` parameter. + +* `CenterMessage` : (Default: true) If true, the message dialogue will be centered on the screen. +* `ShowMessageIcon` : (Default: true) If true, the message dialogue will show the large icon for the current message type. +* `MessageIcon` : Overrides the build-in message icon. +* `OkButtonText` : Custom text for the Ok button. +* `OkButtonIcon` : Custom icon for the Ok button. +* `ConfirmButtonText` : Custom text for the Confirmation button. +* `ConfirmButtonIcon` : Custom icon for the Confirmation button. +* `CancelButtonText` : Custom text for the Cancel button. +* `CancelButtonIcon` : Custom icon for the Cancel button. + +> "Confirm", "Cancel" and "Yes" texts are automatically localized based on the current language. \ No newline at end of file diff --git a/docs/en/images/blazor-message-confirm.png b/docs/en/images/blazor-message-confirm.png new file mode 100644 index 0000000000000000000000000000000000000000..fe036202836dbbab813f508bb39cf005561954ed GIT binary patch literal 11079 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 literal 0 HcmV?d00001 diff --git a/docs/en/images/blazor-message-error.png b/docs/en/images/blazor-message-error.png new file mode 100644 index 0000000000000000000000000000000000000000..5192eae1e9a0b22ad2c85d09e289cb2f1fa05d16 GIT binary patch literal 8196 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 GAO8jAhWFb5 literal 0 HcmV?d00001 From 8f40ffa39bc9e33d4f535579fd2755e5f5a2ffb6 Mon Sep 17 00:00:00 2001 From: Ilkay Ilknur Date: Mon, 16 Nov 2020 18:06:00 +0300 Subject: [PATCH 2/3] 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** From 9e019912334482caed517bfcea51590981e8049e Mon Sep 17 00:00:00 2001 From: Ilkay Ilknur Date: Tue, 17 Nov 2020 14:42:33 +0300 Subject: [PATCH 3/3] remove setter. --- docs/en/UI/Blazor/Message.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/en/UI/Blazor/Message.md b/docs/en/UI/Blazor/Message.md index 569057acbf..075e4c7beb 100644 --- a/docs/en/UI/Blazor/Message.md +++ b/docs/en/UI/Blazor/Message.md @@ -11,7 +11,7 @@ namespace MyProject.Blazor.Pages { public partial class Index { - public IUiMessageService UiMessageService { get; set; } + public IUiMessageService UiMessageService { get; } public Index(IUiMessageService uiMessageService) {