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.
Unfortunately, activation email could not send to your email. Please try again.

change filter icon when filter is applied

Thread ID:

Created:

Updated:

Platform:

Replies:

128228 Jan 9,2017 01:02 PM Jan 10,2017 11:01 PM ASP.NET MVC 3
loading
Tags: Grid
César Ventura
Asked On January 9, 2017 01:02 PM


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!!!

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On January 10, 2017 06:28 AM

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. 


César Ventura
Replied On January 10, 2017 03:01 PM


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

es justo lo que necesitaba.

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On January 10, 2017 11:01 PM

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. 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;