Context menu font size with MahApps.Metro styled application

[Peter]

Hi,

My application is built using the Microsoft 'Template Studio for WPF' C# project template, which builds a shell application using MahApps.Metro.

The sfSpreadsheet context menu renders like this:

I'm a bit of a WPF newbie, but am struggling to work out how to address this issue.  Any pointers / solutions would be gratefully received.

Thank you.

Pete

[Peter]

OP here.  I just noticed that in MahApp.Metro dark mode, it gets even worse!

Help!

[Sathiyathanam Jeyakumar]

SfSpreadSheet provides support for various built-in dark themes. It is not possible to apply other themes in SfSpreadSheet. You can refer the below help documentation to get more details about themes.  

UG reference https://help.syncfusion.com/wpf/spreadsheet/themes

Let us know if you need any further assistance on this.

[Peter]

Thank you  Sathiyathanam Jeyakumar.  So, basically using the control in MahApps.Metro is not possible (because the rendering on the context menu in my first post cannot be overcome)?

Is this true also for other controls, such as your DataGrid?

[Dhanasekar Mohanraj]

Yes, the statement mentioned is applicable to our SfDataGrid too. As we mentioned earlier, you can use the built-in themes for SfSpreadSheet. Except for the forms and popups, the built-in themes work properly for all elements that are present in the SfSpreadSheet. And revert to us if you are facing any issues with that.

[Peter]

Hi  Dhanasekar Mohanraj, and thanks for your reply.

If I understand you correctly, if I need to use MahApps.Metro then the Syncfusion controls are just not going to render correctly in some areas (i.e. context menus and popups).  That is, truly, a shame!  Many thanks for your replies.

[Dhanasekar Mohanraj]

Peter,

Using MahApps.Metro theme in Syncfusion controls is not supported. The elements and style names used in the Syncfusion controls would be different from the styles and templates of MahApps.Metro themes. So, other than styles of MS Controls, styles of most Syncfusion's own elements would not support the MahApps.Metro themes.

As we have updated earlier, Syncfusion controls support many built-in theme variants. Within the built-in support, theme support is not available for elements mentioned in SfSpreadsheet and PivotGridControl. We will continue and update the pending theme support on mentioned elements in any of our upcoming releases.

[Peter]

Yes, thank you, Dhanasekar Mohanraj, for your confirmation and clarification.  I am resolved now!  This approach works perfectly with MahApps.Metro:

1. Nuget install SfSkinManager.Wpf, Themes.MaterialDark.Wpf and Themes.MaterialLight.wpf.
   
2. In my code, where 'griddie' is the sfDataGrid (or, presumably, sfSpreadsheet):

                    // Set the grid theme

                    if (App.Current.Properties["Theme"].ToString() == AppTheme.Light.ToString())

                        SfSkinManager.SetTheme(griddie, new Syncfusion.SfSkinManager.Theme("MaterialLight"));

                    else

                        SfSkinManager.SetTheme(griddie, new Syncfusion.SfSkinManager.Theme("MaterialDark"));

I hope this helps anyone visiting in the future, as it has taken me a while, albeit as a 'newbie' to solve

[Dhanasekar Mohanraj]

Peter,

We are glad that the reported issue was resolved on your side. If you are satisfied with our response, please mark it as an answer. Otherwise, please let us know if you have any further queries on this.