Hi forum, I'm looking for an option in the WebIQ Image object. Is it possible to click on an image, and on double-clicking it, have it expand to full screen? Additionally, I'd like to consider using a two-finger pinch gesture to zoom in and out. If WebIQ Designer doesn't support this feature natively, is there a way to implement it?
WebIQ Image: Click to expand full screen and go back
Best reply by webiq-sk
This would be a custom widget as you're looking for an option that's not included and you cannot modify system widgets, but you can create your own custom widget to do what you want.
As what you describe can be done on a normal website you can of course also do that inside a WebIQ HMI with HTML, CSS, JavaScript and JSON, you just have to write your own code to do that. There are also libraries I quickly found through googling, but I can't tell you more about this, because I don't know them:
https://manuelstofer.github.io/pinchzoom/
Some more info:
https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Pinch_zoom_gestures
https://bito.ai/resources/javascript-pinch-zoom-javascript-explained/
2 replies