Toolbar is not shown when reloading

Question

Hi, I have this declaration for richtext as ff: I am showing that inside sfdialogDuring first load, the result is like thisBut when I reload/view again the view becomes like this:Please tell me what should I call to refresh/reload the toolbar ?Thanks.

Revanth Krishnan · Accepted Answer

Hi Martin, 
 
 
Good day to you. 
 
 
We have further validated your query with the shared sample and we were able to reproduce the issue and this issue can be resolved by calling the ‘RefreshUI’ public method of the Rich Text Editor in the ‘OnAfterRenderAsync’ method with a minimum time delay. We have modified the shared sample for your reference, 
 
Code Snippet: 
 




protected override async Task<Task> OnAfterRenderAsync(bool firstRender) 
{ 
    if(firstRender) 
    { 
                 
 
    } 
    await Task.Delay(1000); 
    this.header?.RefreshUI(); 
    this.presc_header?.RefreshUI(); 
    this.footer?.RefreshUI(); 
    return base.OnAfterRenderAsync(firstRender); 
} 
 
Sample: https://www.syncfusion.com/downloads/support/forum/164551/ze/RICHTEXTTOOLBARISSUE-1905909789 
 
Please check the above code snippet and the sample and let us know if it resolves your issue. 
 
Regards, 
Revanth

Martin Sato · Answer

Hi,

I have this declaration for richtext as ff:
<SfRichTextEditor Placeholder="Prescription Header..." @bind-Value="PrintSetting.PrescriptionHeader">
<RichTextEditorToolbarSettings Items="Tools" Type="ToolbarType.MultiRow"></RichTextEditorToolbarSettings>
</SfRichTextEditor>

I am showing that inside sfdialog

During first load, the result is like this

But when I reload/view again the view becomes like this:

Please tell me what should I call to refresh/reload the toolbar ?

Thanks.

Please see attached sample project,

please click print settings, then click any items, then go back to print settings, toolbar for richtext control is gone.

Thanks

Attachment: RICHTEXTTOOLBARISSUE_95b97574.rar

Revanth Krishnan · Answer

Hi Martin, 
 
 
Greetings from Syncfusion support. 
 
 
We have validated your query “Toolbar is not showing when reloading the page”. 
 
We tried to run the shared sample, but we are not able to run the shared sample. We tried to reproduce the issue by making the sample with the code, but we couldn’t reproduce the issue from our end. 
 
We have prepared a sample for your reference, 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RichTextEditor_Test-445837670 
 
Can you please share us with the issue reproducing runnable sample or please modify the shared sample with the issue reproducing steps so that it will be helpful for us to validated and reproduce the issue from our end and assist you at the earliest? 
 
Regards, 
Revanth

Martin Sato · Answer

Hi Martin, 
 
 
Greetings from Syncfusion support. 
 
 
We have validated your query “Toolbar is not showing when reloading the page”. 
 
We tried to run the shared sample, but we are not able to run the shared sample. We tried to reproduce the issue by making the sample with the code, but we couldn’t reproduce the issue from our end. 
 
We have prepared a sample for your reference, 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RichTextEditor_Test-445837670 
 
Can you please share us with the issue reproducing runnable sample or please modify the shared sample with the issue reproducing steps so that it will be helpful for us to validated and reproduce the issue from our end and assist you at the earliest? 
 
Regards, 
Revanth I am re-attaching the project, I forgot to resave the project before sending, p lease try this project.Attachment: RICHTEXTTOOLBARISSUE_af3b83d9.rar

Martin Sato · Answer

Hi Martin, 
 
 
Good day to you. 
 
 
We have further validated your query with the shared sample and we were able to reproduce the issue and this issue can be resolved by calling the ‘RefreshUI’ public method of the Rich Text Editor in the ‘OnAfterRenderAsync’ method with a minimum time delay. We have modified the shared sample for your reference, 
 
Code Snippet: 
 




protected override async Task<Task> OnAfterRenderAsync(bool firstRender) 
{ 
    if(firstRender) 
    { 
                 
 
    } 
    await Task.Delay(1000); 
    this.header?.RefreshUI(); 
    this.presc_header?.RefreshUI(); 
    this.footer?.RefreshUI(); 
    return base.OnAfterRenderAsync(firstRender); 
} 
 
Sample: https://www.syncfusion.com/downloads/support/forum/164551/ze/RICHTEXTTOOLBARISSUE-1905909789 
 
Please check the above code snippet and the sample and let us know if it resolves your issue. 
 
Regards, 
Revanth Thanks a lot, it's working now.

Revanth Krishnan · Answer

Hi Martin, 
 
Thanks for the update. 
 
We are glad that the reported issue has been resolved, please let us know if you need any further assistance. 
 
Regards, 
Revanth