Hi All
I am using a mobile application. From an another web application, a html content is saved in an entity using a CKEditor. In my mobile application I am using the saved html in a container to display the record. The saved html contains certain text along with image. Although I can display the image and text of the html inside a container, I have a requirement to zoom the image when user click on that image. Can anyone please suggest how to proceed with this scenario. Please let me know if any information required. Thanks.
Hi Vivek,
Have you tried using a pattern like the Lightbox Image https://outsystemsui.outsystems.com/OutsystemsUiWebsite/PatternDetail?PatternId=205 ?
Your requirement is about clicking the image, but this pan-zoom component from Forge might help as well
https://www.outsystems.com/forge/component-overview/6244/panzoom-mobile
You can do it with the help of two images on conditional display with close button. In this case you will have a fixed size of the zoomed image.
If you need an incremental image that zooms on every click to a certain range let me know and I can develop something like that.
Regards,
Shubham
Hello, Shubham.Do you have any further information on how to click to zoom an image after being "posted" by a ckEditor? Is it possible to do it without changing the source code of HtmlViewer used by CkEditor?At the moment I have something like this:which zooms on :hover by 200%. I want to change it so it zooms on click.This image is added through CkEditor.