Styling Table Filter Textbox

Ignition
1

Hello!

When you enable the filter of a table

image

image

Is it possible to change the color and the text on the filter box?

Cheers!

2

Yes, but please be consistent (and elegant). These are set in the CSS theme files.

Using your browser's Developer Tools (F12) and inspecting the filter text area you will see,
Table filter style

The background-color is set to the theme --input color value.
You can override this in your Advanced Stylesheet found under Perspective | Styles | stylesheet.css.

I recommend using Build-in theme colors so that they work when a different theme is selected.

Again, applying strange colors will make your application inconsistent and unprofessional.

1 Like
3

Ok, thanks!, didn´t remember that I did it. Thanks for the color advice, yes having a good color palette is quite important for the look of the app.

.filterCommon .ia_inputField {
    background-color: #B5E8F7; 
}

Is it possible to change the text "Filter table..." too?

Cheers

4

I am recommending that you don't do that. Try
background-color: var(--infoSecondary)
instead. This will switch between these two blues on light and dark CSS themes automatically.
infoSecondary

The placeholder text is set in filter.text.

1 Like
5

Thanks Transistor!