colour theme doesn't appy to page

Question

Hello,I'm trying to switch color theme to flat-saffron, but color was not changed.I analysed by FireFox.  It seems like ej.theme.min.css file was overwritten by WebResource,axd.How should I fix this?I attach my solution.Thank you in advance.YukikoAttachment: test_2dbdbf0.7z

Karthikeyan Viswanathan · Answer

Hi Yukiko, Thanks for contacting Syncfusion Support. Yes, webresource.axd loads the theme and script files from Syncfusion.EJ.Web assembly due to assigned the LoadEJResourcesFromAssembly key value as true in appSettings. Also, you can avoid this resource from assembly by setting the LoadEJResourcesFromAssembly key value as false. Please refer to the below code example: WebConfig

For more details, please refer to the UG documentation link: https://help.syncfusion.com/aspnet/embeded-resources#access-embedded-resources Regards, Karthikeyan V.

Yukiko Imazu · Answer

Hi Karthikeyan,Thank you for your support.I could resolve my issue.Thank you,Yukiko

Karthikeyan Viswanathan · Answer

Hi Yukiko, 
 
Thanks for the update. 
 
We are glad to hear that your issue has been resolved. 
 
Regards, 
Karthikeyan V.

Yukiko Imazu · Answer

Hi,After applied colour theme setting dynamically, I found that when I changed to "material" theme, height of grid toolbar and rows gets bigger.However, If we apply "material" in default setting, it shows normal height.     <%:Styles.Render("~/Content/ej/web/material/ej.theme.min.css") %>I would like to set same height both default and dynamical setting.I attach sample.Thank you,YukikoAttachment: test_e7380924.7z

Prasanna Kumar Viswanathan · Answer

Hi Yukiko, 
 
By default if we set material theme for Grid control then the toolbar height will high compare to the other themes. For material theme we have to refer ej.theme.min.css, ej.widget.core.material.min.css for Syncfusion controls. 

But in your code example we found that you have refer material theme with ej.theme.min.css file and not ej.widget.core.material.min.css. This is the root cause of your issue. So, we suggest you to refer the ej.widget.core.material.min.css file, if you refer for material theme for Syncfusion controls. 

Note: If we refer ej.web.all.min.css then it will load automatically the corresponding theme files (ej.theme.min.css, ej.widget.core.material.min.css) into it. So, that when dynamically refer the CSS file(ej.web.all.min.css) it works properly.  





[For material theme] 

ej.widget.core.material.theme.min.css 
ej.theme.min.css 

 
Regards, 
Prasanna Kumar N.S.V

Yukiko Imazu · Answer

Hi Prasanna Kumar,Thank you for your response.>Note: If we refer ej.web.all.min.css then it will load automatically the corresponding theme files (ej.theme.min.css, ej.widget.core.material.min.css) into it. So, that when dynamically >refer the CSS file(ej.web.all.min.css) it works properly.  As you mentioned, I refered ej.web.all.min.css instead of ej.theme.min.css. <%:Styles.Render("~/Content/ej/web/default-theme/ej.web.all.min.css") %>but it seems like the same.Am I on the right track?Thanks,YukikoAttachment: test_cbf11dc4.7z

Prasanna Kumar Viswanathan · Answer

Hi Yukiko,

Thanks for the update.

In previous update we mentioned that when we refer material theme for Grid control then the toolbar height will high compare to other themes. It is the default behavior of material theme. If you want to change the grid toolbar height then we suggest you to add external CSS for the grid toolbar.

Refer the code example:

<style>

.e-toolbar {

height: 25px;

}

</style>

Regards,

Prasanna Kumar N.S.V

Yukiko Imazu · Answer

Hi Prasanna Kumar,Thank you for your support.Regrads,Yukiko

Prasanna Kumar Viswanathan · Answer

Hi Yukiko, 

Thanks for the update. 

Please get back to us if you need any further assistance. 

Regards, 
Prasanna Kumar N.S.V