2. How to change the image in a button dynamically with a PLC variable?
I used the variant with 2 different icons at the beginning, until the requirement came that the colors (background, font color, active/inactive element) are adjustable at runtime. This made this option obsolete, because it does not ensure that the colors of the images match the selected colors.
My solution:
Icons with transparent background
Black pen color
Using the CSS property invert. Which enables adusting the pen color is continuously between black and white.
This allows the icon color to be set so that it contrasts well with the background and is easily recognizable.
... View more