# Open an image sent in a chat to view it in full screen when clicked in comment/chat components

**URL:** <https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096>\
**Category:** Ask for Help\
**Tags:** actions\
**Created:** [May 5, 2024, 7:02pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096 "2024-05-05T19:02:54Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Giovanni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/giovanni/32/74085_2.png) [@Giovanni](https://community.glideapps.com/u/Giovanni)\
**Post date:** [May 5, 2024, 7:02pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/1 "2024-05-05T19:02:54Z")

</div>

Hello Gliders,

the building process has been great so far and I appreciate the warm support of the community!

I have a feature in mind that I would like to add if possibile:

when users click on an image on the chat I would like to let them see it in full screen to zoom in if needed.

Is it possible to add?

I have a doubt because I don’t see the option in the action section…

Can you help me with this? Thank you in advance!

(The community app is working great and the users are already enjoying it!)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/5/45b5e4e59b8998c55a540e59b586da726e727877.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/3/d370576f9eb02a5c90291ec82810498bc93b5ca5.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [May 5, 2024, 7:51pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/2 "2024-05-05T19:51:11Z")

</div>

Limited like a YouTube image thumbnail compared to what you asked before.  
The same goes for Zoom in, it can only be done using custom CSS.

---

<div class="post-metadata">

**Author:** ![Giovanni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/giovanni/32/74085_2.png) [@Giovanni](https://community.glideapps.com/u/Giovanni)\
**Post date:** [May 5, 2024, 8:16pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/3 "2024-05-05T20:16:53Z")

</div>

Thanks for your answer Himaladin! So if I understand correctly with the Maker Plan I will be able to implement it?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [May 5, 2024, 8:24pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/4 "2024-05-05T20:24:19Z")

</div>

Yes… Paid Glide has it.  
Before going there, you can try using inline CSS with transform: scale(200%).  
However, in my opinion, zooming in with hover is very distracting. Maybe you should be satisfied with just clicking.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 5, 2024, 9:25pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/5 "2024-05-05T21:25:06Z")

</div>

If this is just an HTML `<img>` tag, couldn’t you wrap that in an `<a href>` tag to open the image url as a link?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [May 5, 2024, 10:20pm UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/6 "2024-05-05T22:20:32Z")

</div>

I thought you already understood the YouTube thumbnail earlier. I misunderstood your core issue after the mention @Jeff_Hager.  
It’s better to use it by clicking, here’s the HTML tag:

```auto
<a href="URL"><img src="URL" alt="img" style="width:100%;"></a>

```

This is for audio if you want to record sound too:

```auto
<div style="height:40px;margin-top:10px;"><audio controls playinline style="height:40px;" src="AUDIOURL" type="audio/mp3"></audio></div>

```

---

<div class="post-metadata">

**Author:** ![Giovanni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/giovanni/32/74085_2.png) [@Giovanni](https://community.glideapps.com/u/Giovanni)\
**Post date:** [May 6, 2024, 6:48am UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/7 "2024-05-06T06:48:39Z")

</div>

It’s working now! Thanks!!

![Export-1714977994865](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/9/391deb14d477b33a7ae5e097f98853b676d8053c.gif)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/43267a4049928dfcf676fb3cc424325119d7cb56.png)

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [May 13, 2024, 6:49am UTC](https://community.glideapps.com/t/open-an-image-sent-in-a-chat-to-view-it-in-full-screen-when-clicked-in-comment-chat-components/73096/8 "2024-05-13T06:49:00Z")

</div>

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