# Viewing full size image

**URL:** <https://community.thunkable.com/t/viewing-full-size-image/3522029>\
**Category:** Questions about Thunkable X\
**Tags:** beginner, help\
**Created:** [January 30, 2025, 2:37am UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029 "2025-01-30T02:37:45Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![michaelkiog9x](https://avatars.discourse-cdn.com/v4/letter/m/e47c2d/32.png) [@michaelkiog9x](https://community.thunkable.com/u/michaelkiog9x)\
**Post date:** [January 30, 2025, 2:37am UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/1 "2025-01-30T02:37:45Z")

</div>

Desired outcome: I would like to be able to touch a saved image on my review screen and have it open the image almost full screen so someone can view it’s details.

Current State: I have a Meal Entry review screen but I cannot figure out how to call that image into a larger viewer if the user wants to view closer details.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6a0dc03b49381609580cd7b0014034c76f18e073.png)

---

<div class="post-metadata">

**Author:** ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)\
**Post date:** [January 30, 2025, 11:04am UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/2 "2025-01-30T11:04:52Z")

</div>

I created an image that fills the screen, then when clicked poulate with selected image and make visible while also making current displayed items not visible.

Then when large image is clicked it is reversed.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/a/9afa9f7f3a3927ae7e6e407bfb2a6593149960c5.png)

---

<div class="post-metadata">

**Author:** ![michaelkiog9x](https://avatars.discourse-cdn.com/v4/letter/m/e47c2d/32.png) [@michaelkiog9x](https://community.thunkable.com/u/michaelkiog9x)\
**Post date:** [January 30, 2025, 7:31pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/3 "2025-01-30T19:31:42Z")

</div>

Thanks! That works for the MVP. Is there a way to be able to use the mobile native Pinch-to-zoom scaling functionality so that you can zoom within the fixed size of the LargeImage container?

---

<div class="post-metadata">

**Author:** ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)\
**Post date:** [January 30, 2025, 8:13pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/4 "2025-01-30T20:13:28Z")

</div>

Not aware of the pinch-to-zoom being available in Thunkable but this topic used a slider version

> [@User resize the image](https://community.thunkable.com/t/user-resize-the-image/1058158):
>
> Is it possible for a user to adjust the size of the photo they have taken? Using a slider, can the user zoom in our zoom out the image? Could this be done with a canvas instead of an image? Thanks! Kevin

---

<div class="post-metadata">

**Author:** ![michaelkiog9x](https://avatars.discourse-cdn.com/v4/letter/m/e47c2d/32.png) [@michaelkiog9x](https://community.thunkable.com/u/michaelkiog9x)\
**Post date:** [January 30, 2025, 8:19pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/5 "2025-01-30T20:19:21Z")

</div>

Got it. Thanks for the other topic reference. It doesn’t look like the image can get bigger than the container so not going to add anymore value than already does.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [January 30, 2025, 8:35pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/6 "2025-01-30T20:35:19Z")

</div>

Hello @michaelkiog9x you can zoom images using the web viewer.  
If you set the web viewer to the image URL you can zoom in or out.  
This only works for apps tho and not on websites.

---

<div class="post-metadata">

**Author:** ![michaelkiog9x](https://avatars.discourse-cdn.com/v4/letter/m/e47c2d/32.png) [@michaelkiog9x](https://community.thunkable.com/u/michaelkiog9x)\
**Post date:** [January 31, 2025, 4:00pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/7 "2025-01-31T16:00:42Z")

</div>

Thanks @sketch!! That is the functionality I am looking for. The only problem is when I use the logic @martint gave me, I can’t get it to close or trigger it to set Visible to False. Was looking for a block on the screen that when you clicked somewhere outside the web\_viewer it would trigger it to visible=false but don’t see anything block like that. Any thoughts?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/d/4deff545a866239e9be65240a14a6a9f9113a825.png)

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [January 31, 2025, 5:38pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/8 "2025-01-31T17:38:52Z")

</div>

The web viewer does not have a click event because it displays sites and cannot use events without disturbing the event flow in the site in the webview

You can however add a close button on top of the web viewer to close it when the user closes it.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 1, 2025, 5:39pm UTC](https://community.thunkable.com/t/viewing-full-size-image/3522029/9 "2025-05-01T17:39:24Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
