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

change filter icon when filter is applied


Hola!!

Estoy usando 

 .FilterSettings(filter => { filter.FilterType(FilterType.Excel); })

para el filtrado de datos dentro del grid, cuando el grid contiene los datos filtrados, el icono cambia, pero ese cambio no es muy visible y no se nota mucho,
quisiera saber si hay alguna forma de modificar los iconos por default (ya sea cambiar el icono o solo cambiarlo de color) al momento de tener filtrados los datos (para que la diferencia se note) 


de antemano muchas gracias.

saludos!!!

3 Replies

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team January 10, 2017 11:28 AM UTC

Hi Cesar, 
 
Thanks for contacting Syncfusion Support. 
 
You would like to override the color of the filtered icon of the Grid. Using the CssClass property of the Grid, you can assign a class to the Grid’s root element. Therefore, using this class, you can customize the layout of the Grid. Likewise, we have achieved your requirement using this class selector as shown in the following code example.  
 
 
@(Html.EJ().Grid<object>("FlaatGrid") 
              .CssClass("filtered") 
              .AllowFiltering() 
              .FilterSettings(filter => { filter.FilterType(FilterType.Excel); }) 
 
) 
 
<style> 
    .e-grid.filtered .e-filteredicon { 
        color: red; 
    } 
</style> 
 
Refer to the following API Reference of the Grid.  
 
 
 
Regards, 
Seeni Sakthi Kumar S. 



CV César Ventura January 10, 2017 08:01 PM UTC


Muchas gracias por tu respuesta Seeni Sakthi Kumar Seeni Raj!!

es justo lo que necesitaba.


SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team January 11, 2017 04:01 AM UTC

Hi Cesar,  
 
We are happy to hear that your requirement has been achieved. Please get back to us, if you require further assistance on this. 
 
Regards, 
Seeni Sakthi Kumar S. 
 


Loader.
Up arrow icon