Forums Ignite UI for React
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ivaylo Phillipov
15
Grid filtering styling
posted

Hello, I am trying to resize a bit further grids and currently having problem mostly to resize 

QuickFilter and ExcelStyleFilter. I found that  --ig-size property applied to 
.igx-input-group for first filtering type and .igx-excel-filter to later can reduce the seize, but it's not good enough. Is there a parent element that can be used to control whole element groups size?
 
  • 35130
    Offline posted

    Hello Ivaylo,

    I have been investigating into the behavior you are seeing, and it sounds like you are currently using what I would recommend to reduce the size of the QuickFilter and the ExcelStyleFilter in the IgrGrid, which is to apply an --ig-size property in CSS and pass something like the following:

    --ig-size: var(--ig-size-small);

    This will apply the smallest size available currently. Aside from what you have provided, you can also apply this directly to the grid element (“igx-grid” class) and it will apply to both the QuickFilter and the Excel-style filter.

    If this is not sufficient, can you please provide more details on what exactly you would like to resize in the QuickFilter or Excel Style Filter UI for the IgrGrid?