1. Home
  2. Forum
  3. WPF
  4. How to Style SfDataGrid to Resemble the DataGrid of MahApps.Metro or Material Design in XAML Toolkit?

How to Style SfDataGrid to Resemble the DataGrid of MahApps.Metro or Material Design in XAML Toolkit?

Hi Syncfusion Team,

I'm working with Syncfusion's SfDataGrid in my WPF application and would like to style it to closely resemble the look and feel of the DataGrid in MahApps.Metro or, Material Design in XAML Toolkit. My apps uses themes from either one of theme, so I would like the SfDataGrid styling to be compatible with one of theme at least.

Is there any existing themes, styles, or resources within Syncfusion that would help achieve this look? If not, could you provide guidance on how to style SfDataGrid in a way that aligns with Material Design or Metro aesthetics?

Thanks in advance!


1 Reply
MS Madhavan Sathapillai Syncfusion Team October 31, 2024 08:55 AM UTC

Hi Joseph,


Thank you for reaching out!


To style the Syncfusion SfDataGrid in your WPF application so that it closely resembles the look and feel of MahApps.Metro or the Material Design in XAML Toolkit, you can utilize the Material Themes provided by Syncfusion. Please refer to the user guide below for instructions on how to add the themes to your application.


UG link --> https://help.syncfusion.com/wpf/themes/skin-manager

Thank you for your understanding and cooperation.

Regards,
Madhavan S.


Loader.
Up arrow icon