20
Views
11
Comments
Solved
How to view an Image when we click the image in Web Traditional Application?
Question

Hi All,

I want to ask, How to preview an image when we click that image? So my requirement is when I upload the image, the image that I uploaded is showed. But, when I click the image that i've uploaded, the image can we zoom out or zoom in. 

Thanks


Regards,

RKT

Rank: #68
Solution

Hi Riesta, 

See the attached oml for a simple way to zoom in on the images.

ZoomImage.oml

mvp_badge
MVP
Rank: #78
Solution

Hi riesta,

If I understood the mentioned use-case correctly, I do have one more alternative implementation for this use-case without using any forge component.

By using the available LightBoxImage widget 

Content\LightBoxImage

see this sample app-ImageUploadPreviewDemo

- Refer the attached .oml solution file

- Refer the defined screen level JavaScript Code

Hope this helps you!


Kind regards,

Benjith Sam

TWALabLightBoxWidget.oml

Rank: #173

Hi Riesta,

look this examples in forge:

i think that help you.


Regards.


Rank: #173
mvp_badge
MVP
Rank: #78
Solution

Hi riesta,

If I understood the mentioned use-case correctly, I do have one more alternative implementation for this use-case without using any forge component.

By using the available LightBoxImage widget 

Content\LightBoxImage

see this sample app-ImageUploadPreviewDemo

- Refer the attached .oml solution file

- Refer the defined screen level JavaScript Code

Hope this helps you!


Kind regards,

Benjith Sam

TWALabLightBoxWidget.oml

Rank: #295

Riesta,

Here i have attached documentation to how to use LightBox Image widget, Please refer

https://success.outsystems.com/Documentation/SILK_UI_Framework/03_Building_UI_Through_Pattern_Composition/Using_Silk_UI_Patterns/LightBoxImage_Pattern


Thanks and Happy coding!

Rank: #68
Solution

Hi Riesta, 

See the attached oml for a simple way to zoom in on the images.

ZoomImage.oml