How to apply the style to the FilterToggleButton?

Question

Please, i request help to apply the example style (link) to the togglebuttonfilter.

Changing filter icon style after applying filters

https://help.syncfusion.com/wpf/sfdatagrid/filtering#appearance-customization

I would also like to know how to remove or modify the column header so that it does not have icons.

Thanks

Jai Ganesh S · Answer

Hi Andres, 
 
We believe that you have changed the  FilterToggleButton style by using the below link, 
 
https://help.syncfusion.com/wpf/sfdatagrid/filtering#appearance-customization 
 
You can also use the below kb link to change the FilterToggleButton color,  
https://www.syncfusion.com/kb/2482/how-to-change-the-filtertogglebutton-color-while-filtering 
And also change the position of the FilterToggleButton and the Sort Icon in column header by using the below kb link, 
https://www.syncfusion.com/kb/4052/how-to-change-the-position-of-filtertogglebutton-and-sorticon-in-header-cell-of-sfdatagrid 
If you don’t want to show the FilterIcon in column header then you can set AllowFiltering=”False” for particular column, 




<syncfusion:GridTextColumn HeaderText="Order ID" AllowFiltering="False" 
                                                   MappingName="OrderID"/> 
 
Note: In this case the FilterToggleButton not shown and filter also not applied. 
 
  
 
you can also remove the FilterIcon in column header while setting AllowFiltering=”True” by overriding the  OnUpdateEditBinding in customized GridDataHeaderCellRenderer and set the FilterIconVisibility as Collapsed like below, 
 




sfDataGrid.CellRenderers.Remove("Header"); 
sfDataGrid.CellRenderers.Add("Header", new HeaderCellRendererExt()); 
 
public class HeaderCellRendererExt : GridDataHeaderCellRenderer 
{ 
    public HeaderCellRendererExt() 
    { 
 
    } 
 
    public override void OnUpdateEditBinding(Syncfusion.UI.Xaml.Grid.DataColumnBase dataColumn, Syncfusion.UI.Xaml.Grid.GridHeaderCellControl element, object dataContext) 
    { 
        base.OnUpdateEditBinding(dataColumn, element, dataContext); 
        element.FilterIconVisiblity = Visibility.Collapsed; 
        element.SortDirection = null; 
    } 
} 
 
Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridWpfSample649026986.zip 
If we misunderstood your requirement then could you please share the more information about your requirement. This would be more helpful for us to proceed further.  
Regards, 
Jai Ganesh S