Toolbar Icons will not be displayed

Question

Hello Syncfusion Team,

I am trying to test the text editor, but the icons in the toolbar are not displayed.

Its the sample rich text editor code from syncfusion.

what am i doing wrong?

(i've added <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" /> to my _host)

thanks a lot,

Nils

Vinitha Jeyakumar · Answer

Hi Nils,

Greetings from Syncfusion support.

We have validated your query “I am trying to test the Rich Text Editor, but the icons in the toolbar are not displayed” in the Rich Text Editor sample.

Your reported issue can be solved by removing the “nofollow” attribute in the style reference link in the added “_Host.cshtml" file in your application.

Code snippet:

<head>

<environment include="Development">

....

</environment>

</head>

Please check the below documentation,

Documentation: https://blazor.syncfusion.com/documentation/rich-text-editor/getting-started/#importing-syncfusion-blazor-component-in-the-application

Please check the above code snippet and the documentation and let us know if it resolves the issue.

Regards,

Vinitha

Nils Steinle · Answer

Hey Vinitha,thanks for your reply.I've removed the second "rel='nofollow'" but the icons still not showing.what else I have tried:- Text editor standalone nuget- Syncfusion complete nuget- bootstrap4 / fabric- CDN and Local filestill no icons to see. The CSS seems to be found: _Host.cshtml:Head code Body code

Nils Steinle · Answer

The second rel=nofollow isn't in my code, its added by the syncfusion forum post, here the original screenshot:

Vinitha Jeyakumar · Answer

Hi Nils, 
 
 
Good day to you.   
  
  
We have further validated your query ”I've removed the second "rel='nofollow'" but the icons still not showing”  
 
We have tried to reproduce the issue in the following ways,  

By ensuring the code you have shared with the sample we made.
Also ensured the issue by running the sample in all major browsers.
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/forum/167008/ze/ToolbarIcon430394590 
 
Can you please share the following details?  

The package version you have used.
The video illustration of the issue reproducing scenario.
If possible please share us with the issue reproducible sample or please modify the shared sample with the issue reproducing code.
The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.  
 
Regards, 
Vinitha

Nils Steinle · Answer

Hello Vinitha,thanks for your assist!I found the issue, it was this css file: after uncommenting this css file, the icons are showing :)thank you so much for your help,this thread can be closed!Best regards,Nils

Vinitha Jeyakumar · Answer

Hi Nils, 
 
 
We are glad that you have resolved the issue on your end. Please let us know if you need further assistance.   
  
Regards,  
Vinitha

sabrin khattab · Answer

Hello Syncfusion Team,I have the same issue and none of the above solutions worked with me  it looks like this

Vinitha Jeyakumar · Answer

Hi Sabrin, 
 
 
We have validated your query “I have the same issue and none of the above solutions worked with me it looks like this” 
 
Unfortunately, we couldn’t replicate the issue at our end. we have also prepared a sample for your reference. 
 
Sample: https://www.syncfusion.com/downloads/support/forum/167008/ze/ToolbarIcon430394590  
 
Documentation: https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio 
 
Please refer the above documentation to configure the Syncfusion components and ensure whether you have followed all the steps. If still issue persists at your end. Can you please share the following details, 
 

Your Nuget package version.
Are you using a web server or client application.
Your .Net version.
If possible please share us with the issue reproducing runnable sample or modify the attached sample with the issue reproducing code.
 
The above details will be helpful for us to replicate the issue from our end and help you at earliest. 
 
Regards, 
Vinitha

Toolbar Icons will not be displayed

_Host.cshtml:​

Head code

Body code

_Host.cshtml: