Zoom in / out on mobile

Hi there,

I have some images in my app that the user can click to open a modal containing a larger image for a better view. However, on mobile devices, it is still small and the user can’t zoom in / out.

How do I enable zoom in / out on mobile devices?

Best,

How do you handle the behaviour on desktop?

There’s no need for that on desktops.
The image that opens with the model is big enough for a clear view.

Any suggestions on this topic?

Sorry for the delay, we’re preparing for an update. Can you make a screen recording so I better understand your problem? I don’t see why you couldn’t zoom on mobile

Hi Luka,

The screen recording really doesn’t give any adittional information. Just opening a modal with an imagem element inside.

image

When I click on the element “Expandir” (top left corner) it opens a modal with an image

image

The problem is with this image that I can’t zoom in and it is small on mobile. On desktop I don’t have this problem because it becomes larger with the screen size.

Any thoughts on this?

Anyone?

Anyone? @luka

We don’t have this kind of an element(yet). You could easily make a modal with the image but the zooming will still be a problem

Maybe you can use something like https://www.zoomable.ca/? I’m sure there are other libraries for this