[Julia]

5 years, 6 months ago #17993

Hello!

I’ve tried to make the images in full screen mode zoomable, so I can see more details of the image.

Is that possible somehow?

Thank you very much?

Julia

[Chris Bouveret]

5 years, 6 months ago #18228

Up

0

Down

::

Hello Julia,

What Widget/Control are you using to display the image. If you want to build a gallery style functionality i would have a look at e.g.
https://blogs.sap.com/2018/06/08/ui5-image-viewer-on-ui5lab/ and create a custom widget based on this UI5 Control. You could also implement any other image viewer based on javascript e.g. https://fengyuanchen.github.io/viewerjs/ or others

Hope that helps

 

[Kai]

5 years, 6 months ago #18299

Up

0

Down

::

Hi there,

I’m trying to realize something similar to Julia.

Target device will be an Android smartphone.
Currently I’m using a “sap.m.Carousel” that contains “sap.m.Image” to display my images.
In my opinion, there are two ways to see more details of the current image.
a) Zoom the image directly into the carousel (finger pinch)
b) Click on the image to display it in a new fullscreen mode (New UI containing only “sap.m.Image”) and use finger pinch to zoom in/out

I couldn’t find any way to enable finger pinch zoom by now.
Is there any way to enable finger pinch zoom (or something similar dynamic)?

Best regards
Kai

[Chris Bouveret]

5 years, 6 months ago #18301

Up

0

Down

::

Have you tried to use this Control: https://sapui5.hana.ondemand.com/#/entity/sap.m.Carousel/sample/sap.m.sample.CarouselWithDisplayOptions

There are Zoom Settings for the Carousel that might fit your requirement

Hope that helps

[Kai]

5 years, 6 months ago #18383

Up

0

Down

::

Hello Chris,

we’ve just updated our carousel to your posted version.
Unfortunately that doesn’t change the Zoom issue. Finger pinch zoom is still not available.

Since finger pinch is not activated in the whole app, i was wondering if there is any way to reactivate this function in my simplifier app?

Best regards,
Kai

[Mathieu Roll]

5 years, 6 months ago #18412

Up

0

Down

::

Hello,

you need to use a custom javascript library like this one.

https://manuelstofer.github.io/pinchzoom/

I’ve created a little example application with this javascript library.

https://files.simplifier.io/f/2b86ab860c36456f8ddd/?dl=1

 

edit:

you can also create a extended widget from the image widget where you add this pinch functionality in the after rendering.