From dc3c8faea5f8e0d6f33d289bc2bc97c51307223e Mon Sep 17 00:00:00 2001 From: KokilaSF4836 Date: Sun, 8 Feb 2026 21:28:27 +0530 Subject: [PATCH 1/3] 1008928: Implemented integration and documentation of Syncfusion Rich Text Editor within Syncfusion Dialog in Blazor --- .../code-snippet/rte-in-dialog.razor | 40 ++++++ .../how-to/rte-inside-dialog.md | 132 +++++++++++++----- .../blazor-richtexteditor-rte-dialog.png | Bin 0 -> 11103 bytes 3 files changed, 139 insertions(+), 33 deletions(-) create mode 100644 blazor/rich-text-editor/code-snippet/rte-in-dialog.razor create mode 100644 blazor/rich-text-editor/images/blazor-richtexteditor-rte-dialog.png diff --git a/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor b/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor new file mode 100644 index 0000000000..a302a0cce2 --- /dev/null +++ b/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor @@ -0,0 +1,40 @@ +@using Syncfusion.Blazor.RichTextEditor +@using Syncfusion.Blazor.Popups +@using Syncfusion.Blazor.Buttons + +Open Dialog + + + + +
+
Rich Text Editor In Dialog
+
+ + + + + + + +@code { + + private SfDialog? dialogObj; + private SfRichTextEditor? rteObj; + + private async Task OpenDialog() + { + if (this.dialogObj != null) + { + await this.dialogObj.ShowAsync(); + } + } + + private async Task DialogOpen() + { + if (this.rteObj != null) + { + await this.rteObj.RefreshUIAsync(); + } + } +} \ No newline at end of file diff --git a/blazor/rich-text-editor/how-to/rte-inside-dialog.md b/blazor/rich-text-editor/how-to/rte-inside-dialog.md index 3da5377348..743d545731 100644 --- a/blazor/rich-text-editor/how-to/rte-inside-dialog.md +++ b/blazor/rich-text-editor/how-to/rte-inside-dialog.md @@ -1,47 +1,113 @@ --- layout: post -title: RichTextEditor inside the Dialog Component | Blazor | Syncfusion -description: This section explains about rendering the Blazor RichTextEditor component inside the Dialog component. +title: Rich Text Editor inside the Dialog Component | Blazor | Syncfusion +description: Learn how to render the Blazor Rich Text Editor component inside a Dialog container with proper initialization and event handling. platform: Blazor control: RichTextEditor documentation: ug --- -# RichTextEditor inside the Dialog Component +# Rich Text Editor inside the Dialog Component -While rendering the Rich Text Editor inside the Dialog component, the dialog container and its wrapper elements are styled with display as none, so the editor’s toolbar does not get proper offset width and will render above the edit area container. To resolve this issue, you can call the RefreshUI method of RichTextEditor in the Dialog Opened event. +Integrating the Rich Text Editor within a Dialog component creates a robust modal editing interface for Blazor applications. This pattern is ideal for: + +- **Content Management** — Enables creation or editing of content in an isolated, distraction-free modal window +- **Form Operations** — Embeds rich text editing capabilities within form submissions and data entry workflows +- **Contextual Editing** — Provides in-context editing for specific data records or entities +- **Focused Editing Experience** — Maintains focus on the editing task while blocking interactions with the rest of the application + +The combination of the Rich Text Editor with a Dialog component produces a professional editing interface that improves usability and maintains application flow. + +## Overview + +When embedding the Rich Text Editor inside a Dialog component, a modal editing interface is created where: + +- A Dialog window is opened, dedicated to content editing +- The editor operates within the Dialog's content area +- The Dialog can be closed after editing is complete +- A contained, distraction-free editing space is provided + +This documentation explains how to properly set up the Rich Text Editor within a Dialog and handle the initialization. + +## Toolbar Rendering in Hidden Dialogs + +When a Dialog component is initially closed, its container and wrapper elements are hidden using CSS (`display: none`). During this hidden state, the Rich Text Editor's toolbar cannot calculate the correct offset width and positioning. This results in improper toolbar rendering and potential misalignment with the editor content area. + +To resolve this, the `RefreshUIAsync()` method must be called in the Dialog's `Opened` event. This method recalculates the toolbar dimensions and positioning after the Dialog becomes visible, ensuring proper UI layout and alignment. + +## Prerequisites + +- **Syncfusion.Blazor NuGet package** installed and configured in the Blazor project +- **Required namespaces:** + - `Syncfusion.Blazor.RichTextEditor` — For the Rich Text Editor component + - `Syncfusion.Blazor.Popups` — For the Dialog component + - `Syncfusion.Blazor.Buttons` — For the button to trigger the Dialog + +> Refer to the [Rich Text Editor Getting Started](https://blazor.syncfusion.com/documentation/rich-text-editor/getting-started) guide for initial setup and configuration. + +## Implementation + +### Step 1: Create the Dialog with Rich Text Editor + +Create a new Razor component file called `RichTextEditorInDialog.razor` in the Blazor project's `Pages` folder: {% highlight cshtml %} +{% include_relative code-snippet/rte-in-dialog.razor %} +{% endhighlight %} + +![Blazor RichTextEditor inside Dialog](../images/blazor-richtexteditor-rte-dialog.png) + +### Step 2: Usage + +To use the component in the application: + +1. Navigate to the page where the component is added +2. Click the "Open Dialog" button +3. The Dialog opens, displaying the Rich Text Editor +4. Enter or edit content in the editor +5. Click the close button or outside the dialog to close it + +## How It Works + +The integration follows this workflow: + +1. **Initialization** — The Dialog component starts in a hidden state (`Visible="false"`) +2. **Trigger Action** — The "Open Dialog" button is clicked +3. **Dialog Opens** — The `ShowAsync()` method displays the Dialog +4. **Dialog Opened Event** — The Dialog's `Opened` event fires when fully visible +5. **Editor Ready** — The Rich Text Editor is now visible and ready for interaction -@using Syncfusion.Blazor.RichTextEditor -@using Syncfusion.Blazor.Popups -@using Syncfusion.Blazor.Buttons - -Open Dialog - - - -
-
Dialog Header
-
- - - - - +The `RefreshUIAsync()` call in the `Opened` event ensures the editor's UI is properly rendered within the Dialog container. For more details on this method, refer to the [RefreshUIAsync documentation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html#Syncfusion_Blazor_RichTextEditor_SfRichTextEditor_RefreshUIAsync). + +## Common Dialog Configuration Options + +You can customize the Dialog behavior using these properties: + +```csharp + +``` -@code { - SfDialog DialogObj; - SfRichTextEditor RteObj; - private void OpenDialog() - { - this.DialogObj.ShowAsync(); - } - private void DialogOpen() - { - this.RteObj.RefreshUI(); - } -} +Refer to the [Dialog Getting Started](https://blazor.syncfusion.com/documentation/dialog/getting-started) for more configuration options. -{% endhighlight %} +## Best Practices + +- Always set `Visible="false"` to prevent the Dialog from opening automatically +- Use `IsModal="true"` for focused editing experiences +- Configure appropriate Dialog width and height for the content +- Handle editor content before closing the Dialog (save or discard changes) +- Use async/await patterns for Dialog and editor operations + +## See also + +* [Rich Text Editor Getting Started](https://blazor.syncfusion.com/documentation/rich-text-editor/getting-started) +* [Dialog Component Getting Started](https://blazor.syncfusion.com/documentation/dialog/getting-started) +* [Rich Text Editor API Reference](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html) +* [Dialog API Reference](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html) \ No newline at end of file diff --git a/blazor/rich-text-editor/images/blazor-richtexteditor-rte-dialog.png b/blazor/rich-text-editor/images/blazor-richtexteditor-rte-dialog.png new file mode 100644 index 0000000000000000000000000000000000000000..4f018b3d1fb023e44bf79af62dfd26126dc5b0c7 GIT binary patch literal 11103 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 gf3ILP?&4a<_T Date: Sun, 8 Feb 2026 21:39:48 +0530 Subject: [PATCH 2/3] 1008928: Removed unwanted space. --- blazor/rich-text-editor/code-snippet/rte-in-dialog.razor | 1 - 1 file changed, 1 deletion(-) diff --git a/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor b/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor index a302a0cce2..11734bdf95 100644 --- a/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor +++ b/blazor/rich-text-editor/code-snippet/rte-in-dialog.razor @@ -18,7 +18,6 @@ @code { - private SfDialog? dialogObj; private SfRichTextEditor? rteObj; From 216c04c4994330f49794d0d8f7d7f1bbb0c8e859 Mon Sep 17 00:00:00 2001 From: KokilaSF4836 Date: Sun, 8 Feb 2026 21:50:04 +0530 Subject: [PATCH 3/3] 1008928: Resolved file not found error. --- blazor/rich-text-editor/how-to/rte-inside-dialog.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/rich-text-editor/how-to/rte-inside-dialog.md b/blazor/rich-text-editor/how-to/rte-inside-dialog.md index 743d545731..52950a53fd 100644 --- a/blazor/rich-text-editor/how-to/rte-inside-dialog.md +++ b/blazor/rich-text-editor/how-to/rte-inside-dialog.md @@ -52,7 +52,7 @@ To resolve this, the `RefreshUIAsync()` method must be called in the Dialog's `O Create a new Razor component file called `RichTextEditorInDialog.razor` in the Blazor project's `Pages` folder: {% highlight cshtml %} -{% include_relative code-snippet/rte-in-dialog.razor %} +{% include_relative ../code-snippet/rte-in-dialog.razor %} {% endhighlight %} ![Blazor RichTextEditor inside Dialog](../images/blazor-richtexteditor-rte-dialog.png)