We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Change color of ColumnHeader-Bottom in Metro style (the "blue line")

Hi there,

is it possible to change the color of the "blue-bottom-border-line" of the column headers in metro style? 
And the mouse hover effect of the column headers would be nice, too. 

Attached is a picture for clarification. 

Thanks! 

Attachment: syncfusion_datagrid_331e8d1b.zip

1 Reply

MG Mohanraj Gunasekaran Syncfusion Team May 9, 2017 04:14 AM UTC

Hi Oliver, 

Thanks for using Syncfusion products. 

In order to change the header bottom border color and Header mouse hover color for metro theme, you can use the SetMetroStyle method. Please refer to the below code example, 

Code example 
GridMetroColors color = new GridMetroColors(); 
//Bottom border color 
color.HeaderBottomBorderColor = Color.Green; 
//Mouse hover color 
color.HeaderColor.HoverColor = Color.Yellow; 
this.gridGroupingControl1.SetMetroStyle(color); 
 
Screenshot 
 


Sample link: GridGroupingCorntrol 

Please refer the below UG and KB link, 

Regards, 
Mohanraj G 


Loader.
Live Chat Icon For mobile
Up arrow icon