How to change image color which is in bottombar

How to change image color which is in bottombar

  

Hi Outsystems team,

I tried to change the bottom bar background color to blue and  icon,text color to white while clicking the link and i achieved it. But now i have to use image instead of icon for one link. Is it possible to change the image color to white while clicking the link?

Regards,

Indumathy V

Hi Indu,

You could try applying filters to the image. See examples here:

https://css-tricks.com/almanac/properties/f/filter/

But that does not work for all color changes (I think). 

If the filters do not work for you, your best option is to have two images (with different colors) and set the images as background using CSS. Thus you can change the images with CSS pseudo classes (visited, active, etc).

Was this what you were looking for?

Cheers,

José