How to resize the RichTextEditor toolbar when using a dialog window?

[Syncfusion Support]

Answer:

We can resize toolbar size by calling the ‘RefreshUI public method of the Rich Text Editor in the ‘Resizing’ event of the Dialog.

<SfDialog @ref="@dialogObj" Height="80%" Width="1000px" AllowDragging="true" IsModal="true" ShowCloseIcon="true" Visible="false" EnableResize="true">  

    <DialogEvents Opened="@OnDialogOpen" Closed="@CancelButton" Resizing="@DialogResizing"></DialogEvents>  

    <DialogTemplates>  

        <Header>  

            <p>Dialog with Rich Text Editor</p>  

        </Header>  

        <Content>  

            <SfRichTextEditor @ref="RteObj" Height="100%" Width="100%" MaxLength=7000>  

                <p>Rich Text Editor Content</p>  

            </SfRichTextEditor>  

        </Content>  

    </DialogTemplates>  

    <DialogButtons>  

        <DialogButton Content="OK" IsPrimary="true" OnClick="@OkButton" />  

        <DialogButton Content="Cancel" OnClick="@CancelButton" />  

    </DialogButtons>  

</SfDialog>  

  

@code {  

  

    SfRichTextEditor RteObj;  

    SfDialog dialogObj;  

    public void OnDialogOpen()  

    {  

        this.RteObj.RefreshUI();  

    }  

      

    public void DialogResizing()  

    {  

        this.RteObj.RefreshUI();  

    }  

}  

Find the sample to resize RichTextEditor toolbar when using a Dialog window from here.