RTE Toolbar not show inside sftab

[jose luis barajas]

Hi

I found one issue with RTE inside sftab, with Load On value = Dynamic, RTE toolbar is visible, but when values are Load or Demand rte toolbar is not visible.

Its needed to resize browser for show rte toolbar.

Please help!  

  <SfTab @ref="Tab"

               @bind-SelectedItem="SelectedTab"

               ID="Tab"

               LoadOn="ContentLoad.Dynamic"

               EnablePersistence="false">

                <TabItems>

                    <TabItem>

                        <ChildContent>

                            <TabHeader Text="Presentación"></TabHeader>

                        </ChildContent>

                        <ContentTemplate>

                                                <SfRichTextEditor @bind-Value="@dModel.COMMENTS">

                                                    <RichTextEditorImageSettings SaveUrl="@END_POINT" Path=""

                                                                         ResizeByPercent="true" MaxWidth="900" MaxHeight="900" />

                                                    <RichTextEditorEvents OnImageUploadSuccess="@ImageUploadSuccess"> </RichTextEditorEvents>

                                                </SfRichTextEditor>

...

etc

[Buvana Sathasivam]

Hi Jose,

Greetings from Syncfusion support.

We were unable to reproduce your reported problem. Please find the below sample for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NET6SE~21610459570

If you still have an issue, we suggest refreshing the Rich Text Editor Toolbar after rendering using the Created event. Please find the below code and sample for your reference.

<SfRichTextEditor @ref="RichTextEditorObj">..

<RichTextEditorEvents Created="Created"></RichTextEditorEvents>

….. 

</SfRichTextEditor>

@code {

 

    private SfRichTextEditor RichTextEditorObj { get; set; }

 

    private async Task Created()  // Triggered after created Rich Text Editor component

    {

        await RichTextEditorObj.RefreshUIAsync(); // Refresh the Rich Text Editor

    }

}

If the above solution does not solve your problem, can you please share the below information?

• Are you using the Blazor server application or the WebAssembly application?
• Share your code and Syncfusion package version to reproduce your issue at our end.

Regards,

Buvana S