Changing the colour of a filter label only (not the selected values)

#1

I’m thinking this is probably quite simple and I’m being dumb but…

I’m trying to change the color of a value filter label - which I can do, but it also changes the color of the selected items. I’m wanting white text on a black background - but the selected values ALSO turn white which is hard to read against the grey of the box. Is there any way to only change the color of the label (white) but leave the selected values black? I’m running 5.0.1

image

#2

Hi Stuart,

The FontColor property changes both the top label and the internal text. If you’d like them to be different, the easiest thing to do is blank out the text property for them label in the properties grid and add your own label control on top.

1 Like
#3

I’ve done it in with css. If you’re interested, I can dig it up.

#4

Thanks Jeff. Will go with that.

#5

Appreciate that, thanks David. I’m gonna go quick and dirty with Jeffs solution (for speed) but I’d be interested in the css approach if it’s not too much trouble. It’s not the first time I’ve hit this issue so knowing how to crack the css would be a a more elegant solution I suspect.

#6

Jeff has a video on how to use CSS within a HTML label on a dashboard.

The snippet here, sets the background to transparent but shows black text on open. I used it on version 5. You may need to adjust to fit your needs, and also to suit version 6.

<style> 
  .dropDownList-select{
 background-color: 
   rgba(0,0,0,0);
border-width: 1px;
  }

  .dropDownListItem-option{

color:black;
border-width: 1px;
  }

</style>
#7

Here’s the video that David mentioned.
https://www.dundas.com/learning/go-beyond-simple-customization