You can use the following workaround, for the hover problem: - Create two stylesheets of type iq-button-toggle - e.g. TogBut_On and TogBut_Off - Define the color and background color e.g.
.iq-button-toggle.TogBut_Off.iq-variant-01 .iq-button { background-color: gray; } /* [Variant 01] - Toggle Button Label */ .iq-button-toggle.TogBut_Off.iq-variant-01 .iq-toggle-label { color: blue; }
- Select stylesheet TogBut_On, when button is on. - Select stylesheet TogBut_Off, when button is off.
See link for info how to change color via stylesheets: https://developer.community.boschrexroth.com/t5/Smart-HMI-WebIQ-Designer-and/Change-the-color-of-an-item-according-to-a-value/m-p/25060#M38
Attached you find an example created with Designer V2.11.3
... View more
