Grid widget Filter box CSS

[krishnakomal123]

Hi,

Version :  Thingworx 9.6.1

Please check the attached image.

Need help to update css of filter box in Grid widget. Providing the sample that I tried which didn't work.

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {

    [part~=simple-filter] {   

    font-family: 'Segoe UI' !important;

    }

}

Please let me know if you are able to figure out

[TonyZhang · Accepted solution]

Hi @krishnakomal123,

It is recommended to use Style Properties tab to configure the font-family for text value in Grid filter.

However, if you really need to apply a font-family that is not available in the list for some reason, you need to target the text-value part of the ptcs-textfield in custom CSS.

Please try the below CSS; I'm using cursive so that whether the font-family is applied or not should be easily noticed.

@supports (ptcs-style-unit: "PTCS-TEXTFIELD") {
    [part~=text-value] {   
        font-family: cursive !important;
    }
}

Best,