cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Colour of button does not reset on releasing on touch screen

Colour of button does not reset on releasing on touch screen

David08
Long-established Member

Hello Webiq-sk,

A customer has a Panel PC with windows 10 and google Chrome v123 as HMI machine and has the problem that when the screen is touch the animation of the iq-button (button) stays blue and you have to click on a blank place to see it normally.
With the mouse it doesn't happen. I attach videos.
The button has a stylesheet that changes the blue background when the variable of the button is True, but the animation that stays in place is the default blue colour of WebIQ, not the stylesheet.

How can this be solved?

Thanks.

2 REPLIES 2

CodeShepherd
Community Moderator
Community Moderator

HmiGuide
Community Moderator
Community Moderator

This issue is solved in Colour-change-on-button-press-image-on-touch-panel

When you use the debug mode of Chrome and activate touch simulation (with command Toogle device toolbar) you see the same behavior, that the active button stays highlighted. Alternatively to the workaround mentioned in the article above, you can use the package cx-Visuals (which need package cx-tools) which is part of the Rexroth template for cartesian robots 

HmiGuide_0-1714633473188.png

 

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist