C
Curzar08
·Posted in Smart HMI - WebIQ Designer and Server

Colour change on button press/image on touch panel

Hello,

I have made an application in WebIq, with different UI Actions that when I press the button/container/image, in Windows version (with mouse) it doesn't change its appearance, but in touch panel it colours the button/image with a blue rectangle. Attached picture.

I have configured the widgets with CSS Stylesheets.
I know that to change the appearance when the mouse hovers over the widget is with the "hover" property.

I would like to know with which property I can change the colour of the widget on the touch panel while it is clicked. It happens also with other widgets:

Thanks.

 

Best reply by danielsimila

FWIW I had some similar visual issues going from mouse -> touch panel, and if I remember correctly, adding the following snippet to a global .css stylesheet fixed the issue I had. 

body {
    -webkit-tap-highlight-color: unset;
}

 You could try it out on your system and see if this is what you want. 

View original
4 replies