Hello,
This may seem silly, but I’m trying to change the background color of a textbox filter that is used for users to enter data, but really how to change this for any filter type.
I have a dashboard that has a sort of ‘dark theme’ look going on and want to make these textboxes blend in a little better.
Or, if there is a way to make just the background transparent, that would be equally useful.
Thanks for your help!
Jim
Hi Jim,
Starting with version 6 (released last year) you can customize pretty much all of the colors of all the filter types. For a textbox filter, the Quick Access Properties popup that appears when you select it in the editor can be used to set the background to black or transparent, and the font color can be set to white, for example. (I didn’t know you could set a textbox’s background to transparent but it seems you can!) This is a shortcut for the properties in the Properties window on the right: Look tab > Background and Text tab > Font Color.
Jamie
Hi Jim
If you are running an earlier version, you can do this via CSS. Let me know if this is the case and I can dig up an example.
Ah, it looks like we’re on version 5.0.1 right now.
This is good to know for the future, though -thank you!
Jim
David,
We are actually still on version 5. If you do have an example on hand, that would be awesome!
Thank you.
Jim
Hi James,
I haven’t done a lot of testing on this but something like this seems to work for me. Just paste the code in an HTML Label control on the dashboard.
input:enabled { background-color : red }Just thought i’d add. When you are looking to do CSS overrides, i’m a huge fan of the isolated HTML Label trick on the dashboard like i showed you above. This page on how to use CSS Selectors is really helpful when you use the browser developer tools to inspect the DOM to see what you are selecting.
Jeff,
Awesome -I’ll give this a go.
Thanks for the suggestion!
Jim
