Question

Pinch to zoom an image without zooming the whole browser window

0

Hi Colleagues, I was wondering if anyone has ever needed or knows how to zoom an image (from a system.image object) so that it is like contained in a container of predefined width and the image can be pinched to zoom in and out within the boundaries of that container, without zooming in/out the whole web browser tab. Thanks in advance for the help!!

asked 2025-10-31

Clara Fernández Forte

1 answers

Steffy D · Answer 1 · 2025-11-07

Hi Clara,

Place your image viewer widget inside a container and define specific width & height. So that image will not overflow out of the container while doing zoom in or out.

Define your container with below css code:

Add this css class to your container widget and this code to your css file.

.zoom-condition: {

width: 600px;

height: 400px;

overflow: hidden;

}