Appearance and Themes

[Dmitry Kakhovsky]

Hi,

After an upgrade from v17 to v18 appearance of all controls significantly changed, docs saying that multiple themes are supported however there aren't any sample how to use it (idk where I supposed to find filenames of the css files)? How to use material theme instead bootstrap4?

Thanks

[Jesus Arockia Sankaran S]

Hi Dmitry, 

Thank you for contacting Syncfusion support.  

We have checked your concerns and we want to inform you that we have shipped the theme files with our NuGet package that you can find from the installed location. While referring into the sample, you can simple change the theme name instead “bootstrap4” as in below code snippet. 

Code Snippets: 

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

 

Fabric: <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/fabric.css" rel="stylesheet" /> 

 

Bootstrap: <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap.css" rel="stylesheet" /> 

 

Bootstrap 4: <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" /> 

Reference Image: 

Installed location (in my machine): C:\Users\${user-name}\.nuget\packages\syncfusion.blazor\18.1.0.52\staticwebassets\styles 

 

Please get back to us if you need any further assistance on this. 

Regards, 

Jesus Arockia Sankaran S