Syncfusion Styles, css doesn't apply on any sf* components

I've created Blazor Wasm project with server.

Image_2083_1691907587447

And i added nuget package to Client project.( as single Syncfusion.Blazor)

Image_8536_1691907747510

And i followed "https://blazor.syncfusion.com/documentation/getting-started/blazor-core-hosted" (first was wasm one) to apply syncfusion blazor to my project.
 *With link above i also installed nuget to server project.

Also there might be the license problem so i've registered My communtiy license.

Image_5103_1691908325883

And same to serverside.
Followed example from above.

Image_2924_1691908441921

@Imports_

Image_8198_1691908475472

wwwroots/index

Image_5318_1691909102241



And i grap the example from sideBar and solve some errors and put it in my source.

Image_2117_1691908662535Image_2164_1691908690516

Result1. TreeData was fine. but Style doesn't applied.

Image_1904_1691908870348



So i thought it might be it's inside of Navbar so i tried to make it outside of it.


Image_6102_1691908950591


Result2. Buttons also doesn't have styles of sf buttons.

Image_5876_1691908995045


So i thought blazor style isolation might be the problem So i checked isolation settings and it said it's obsolute.
https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio


Conclusion.

What i've done
Follow Example

  1. It was blazor wasm project.
    https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio
  2. And server host activated.
    https://blazor.syncfusion.com/documentation/getting-started/blazor-core-hosted
  3. In case of nuget package don't work. I registered with my community license.
    https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-register-in-an-application
  4. Followed Sidebar example inside of navbar
  5. Followed sfButton example from other page
But styles doesn't apply on sfCompoents.


I thought i followed all the instructions syncfusion said to.
But there might be something i missed. So i wrote all the things i did and hope someone to help this problem.



1 Reply

PM Prasanth Madhaiyan Syncfusion Team August 15, 2023 08:48 AM UTC

Hi Raonmaru,


Greetings from Syncfusion support.


We have validated your reported query in the Blazor WASM Sidebar component by creating a sample using the provided code snippets. We understand that you are encountering an issue where styles are not being applied to the rendered Sidebar and TreeView components on your end. However, we have prepared a sample of the WASM-hosted Sidebar with TreeView following the documentation guidelines. This sample is functioning correctly without any issues on our end.


For your reference, we have attached the sample and documentation.


Documentation: https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio


Check out the attached sample and let us know if you need any further assistance.


Regards,

Prasanth Madhaiyan.


Attachment: BlazorWASMHosted_e01aeff2.zip

Loader.
Up arrow icon