# Clickable Image Code (using the template column)

**URL:** <https://community.glideapps.com/t/clickable-image-code-using-the-template-column/3534>\
**Category:** Ask for Help\
**Created:** [January 12, 2020, 3:22am UTC](https://community.glideapps.com/t/clickable-image-code-using-the-template-column/3534 "2020-01-12T03:22:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![spencersRus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencersrus/32/69_2.png) [@spencersRus](https://community.glideapps.com/u/spencersRus)\
**Post date:** [January 12, 2020, 3:22am UTC](https://community.glideapps.com/t/clickable-image-code-using-the-template-column/3534/1 "2020-01-12T03:22:39Z")

</div>

This is a combination SSMagic and Data:Template coolness!!

I have a spreadsheet set up like this:

With a link to a website [link] and a link to an image [url].

![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/1df19b05ccc41f27fc89b29b27c9a2ab37885b98.png)

I copied this ‘code’ directly from a post.

```
<div style="margin-bottom:1px;" ><a href="[link]"><img width=100% height=auto src="[url]"/> </a></div>

```

This is the fun part!  
Then in my app

Pasted it STRAIGHT into a Data:Template Column. Did not change anything.

Then I configured the Replacements for [link] and [url]

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

This ‘grabs’ the spreadsheet information and puts it into the formula/code.

I did not have to fiddle with any formulas. Just copied and pasted from this forum.

Then I add this new column as a Rich Text and it is an clickable image!! Thanks @John_Cabrera for all your help and inspiration as I waded through this!

See here: [https://jvacy.glideapp.io](https://jvacy.glideapp.io)

---

<div class="post-metadata">

**Author:** ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)\
**Post date:** [January 12, 2020, 6:35am UTC](https://community.glideapps.com/t/clickable-image-code-using-the-template-column/3534/2 "2020-01-12T06:35:16Z")

</div>

Now you see why RichText is my favorite component. When combined with spreadsheet this way, you can create all kinds of visual magic. So glad you got this going.

---

<div class="post-metadata">

**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\
**Post date:** [January 12, 2020, 1:51pm UTC](https://community.glideapps.com/t/clickable-image-code-using-the-template-column/3534/3 "2020-01-12T13:51:46Z")

</div>

That is a very cool way of using the template column.

My only concern in using it is that Glide has repeatedly advised us not to use HTML within the RichText component as it may not be supported in the future. I would hate to use it in a critical (aka lots of users and maybe even paying users) application only to see it go away. That would make for a ton of support calls.