# Using Rich text components to create clickable hotspot area

**URL:** https://community.glideapps.com/t/using-rich-text-components-to-create-clickable-hotspot-area/87131
**Category:** Community Resources
**Tags:** tutorial
**Created:** [May 20, 2026, 6:14am UTC](https://community.glideapps.com/t/using-rich-text-components-to-create-clickable-hotspot-area/87131 "2026-05-20T06:14:16Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Trustin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/trustin/32/88217_2.png) [@Trustin](https://community.glideapps.com/u/Trustin)
#### Post date: [May 20, 2026, 6:14am UTC](https://community.glideapps.com/t/using-rich-text-components-to-create-clickable-hotspot-area/87131/1 "2026-05-20T06:14:16Z")

</div>

Revisited my old project, putting this out here to see if anyone is creating interesting stuff.

I love using the Rich text Component with HTML code to create polygon clip path which I hide it using visibility and treat it like a hotspot to click over a background image.

`<div style="opacity:50%; width: 200px; height: 400px; background-color: red; position: absolute; clip-path: polygon(30% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 50%); top:350px; left: 200px;">`

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/0/10494b3a4111678f34127107f773690f86d0ef15.jpeg)