[Data Grid Sample] [Data Grid Web] How can I change the color of the filter icon
Forge component by OutSystems R&D
Application Type
Traditional Web
Service Studio Version
11.10.14 (Build 39594)
Platform Version
11.11.2 (Build 28151)

Hi everyone

How to change the Filter Icon's background color.

I want to know how can I change the color of the filter icon so that I can clearly know which column is filtering

Or is there any other way to provide some ideas.

Any suggestion is appreciated.

Kind Regards

mvp_badge
MVP
Solution

Hi YITONG,

For the given use-case, add the below mentioned CSS rule in the respective screen Stylesheet section to heighlight the column Filer icon for which the filter condition is applied.

CSS Snippet:

.wj-filter-on .wj-glyph-filter {
    color: #DC143C;
    border-radius: 50%;
    background: #BADA55;
}


Note: 

  • On filter the .wj-filter-on style class is added to the column header div element
  • .wj-glyph-filter is the style class used for the filter funnel icon


Hope this helps you!


Kind regards,

Benjith Sam

Hi Sam

Deeply appreciated. 

I tried it on the program. 

This exactly solves my problem.

Thanks a lot.

mvp_badge
MVP

You're welcome, YITONG.

Gald to help you :)


Kind regards,

Benjith Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.