We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Broken Rich Text Editor layout

Hi, I'm using Rich Text Editor in my project but it's rendering a broken layout:


So, I found that this is because I'm using a custom theme (compiled Sass Theme)

I'v got the Material.scss from Syncfusion Theme studio

If I declare to use the default material.css the layout renders fine

<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" />





3 Replies

GK Gunasekar Kuppusamy Syncfusion Team September 25, 2021 05:25 AM UTC

Hi Daniel, 

Greeting from Syncfusion support. 
  
We have validated your reported query "Broken Rich Text Editor layout" from our end. 

By default, RichTextEditor component styles are not loaded in the Syncfusion theme studio. You need you include the RichTextEditor component manually. 

Refer the below styles,
 
2.Click the filter icon to show the components list. 
 
  
3.Select the RichTextEditor component and then click apply. 
 
4.Now download the CSS file and refer into the sample. 
  
Please check the solution and let us know if you have any concerns, 
  
Regards, 
Gunasekar 



DA Daniel September 27, 2021 01:04 PM UTC

Thanks, that worked flawless!



GK Gunasekar Kuppusamy Syncfusion Team September 28, 2021 05:11 PM UTC

Hi Daniel,  
  
Thanks for the update.  

 
We are glad that the provided solution resolved the issue. Please let us know if you need further assistance.  
  
Regards,  
Gunasekar 


Loader.
Up arrow icon