# Tap-to-enlarge lightbox for images within Rich Text component

**URL:** <https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139>\
**Category:** Feature Requests\
**Created:** [September 21, 2020, 3:43pm UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139 "2020-09-21T15:43:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ian\_Janicki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ian_janicki/32/2362_2.png) [@Ian\_Janicki](https://community.glideapps.com/u/Ian_Janicki)\
**Post date:** [September 21, 2020, 3:43pm UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/1 "2020-09-21T15:43:38Z")

</div>

It would be helpful for images embedded in a Rich Text component to be full-screen with a tap, allowing the user to see the image in greater detail (and perhaps even pinch to zoom).

Use case: Images can only be so wide on a phone, would be convenient for users to tap/pinch-to-zoom to see more details!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 21, 2020, 4:17pm UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/2 "2020-09-21T16:17:53Z")

</div>

I assume you’re using HTML to show images in a rich text?

---

<div class="post-metadata">

**Author:** ![Ian\_Janicki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ian_janicki/32/2362_2.png) [@Ian\_Janicki](https://community.glideapps.com/u/Ian_Janicki)\
**Post date:** [September 21, 2020, 4:27pm UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/3 "2020-09-21T16:27:46Z")

</div>

No, you can do it natively in markdown using `![](*link goes here*)`

Here’s an example of a puppy!

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9efcc2e3412bd32e7bf4423b0aa906600d1ed83a.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 22, 2020, 12:34am UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/4 "2020-09-22T00:34:20Z")

</div>

Not sure if what you propose is possible technically for Markdown, but my workaround for this is use HTML to set a width to the image so it won’t overflow the screen.

---

<div class="post-metadata">

**Author:** ![Ian\_Janicki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ian_janicki/32/2362_2.png) [@Ian\_Janicki](https://community.glideapps.com/u/Ian_Janicki)\
**Post date:** [September 22, 2020, 1:49am UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/5 "2020-09-22T01:49:42Z")

</div>

This is a feature request for the Glide team to implement natively, not a Markdown hack 🙂

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 22, 2020, 2:09am UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/6 "2020-09-22T02:09:17Z")

</div>

I was not sure if it’s possible with Markdown, so just tried to provide you a way around until Glide can do it.

Alternatively, you can try this approach.

```
[![image-text](https://some.site/your-image.jpg)](https://some.site/your-link.html)

```

When user clicks the image, they will be directed to the image link.

---

<div class="post-metadata">

**Author:** ![Ian\_Janicki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ian_janicki/32/2362_2.png) [@Ian\_Janicki](https://community.glideapps.com/u/Ian_Janicki)\
**Post date:** [September 22, 2020, 2:31am UTC](https://community.glideapps.com/t/tap-to-enlarge-lightbox-for-images-within-rich-text-component/16139/7 "2020-09-22T02:31:48Z")

</div>

Ah. This is a good idea for the short term!
