# HTML In Rich Text

**URL:** <https://community.glideapps.com/t/html-in-rich-text/69883>\
**Category:** Ask for Help\
**Created:** [January 23, 2024, 9:11am UTC](https://community.glideapps.com/t/html-in-rich-text/69883 "2024-01-23T09:11:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)\
**Post date:** [January 23, 2024, 9:11am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/1 "2024-01-23T09:11:09Z")

</div>

Hi,

I have teh following HTML inside a rich text element:

> **Color Picker**
>

It is rendering fine in jsfiddle but the picker isn’t loading in Glide.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/f/7f83ee7e6e353d49bb9bd385ec2ac4beb3fabefc.png)

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

Any thoughts on my it might not be rendering?

Thanks

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 23, 2024, 9:35am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/2 "2024-01-23T09:35:24Z")

</div>

It’s trying to load external JavaScript, which won’t work.  
It’s also referring to CSS classes, which won’t work unless you’re on a Business/Enterprise plan and have defined the classes.

Assuming that this did work, what would you expect to do with the selected colour? As far as I’m aware, there would be no way to capture that and use it in your form.

---

<div class="post-metadata">

**Author:** ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)\
**Post date:** [January 23, 2024, 9:50am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/3 "2024-01-23T09:50:50Z")

</div>

ok understood. I am on a business plan so I could include the CSS but if it is trying to load external JS then I guess I will find anotehr solution.

I am just trying to allow someone to copy hex into a form field and I will then construct a URL using this  
[https://singlecolorimage.com/get/1c4f8a/400x400](https://singlecolorimage.com/get/1c4f8a/400x400) to grab a swatch colour image.

I could just link to a sepate webpage to do it but i was hoping to keep it all in one place

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 23, 2024, 10:19am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/4 "2024-01-23T10:19:48Z")

</div>

I saw your other post related to this.  
Is it important that the user can choose any hex value, or would it be good enough to give them a range of colours to choose from?

What I’ve done in the past is loaded up a table with the list of 160-odd web safe colours, and use that in a choice component.

 ![CleanShot 2024-01-23 at 18.18.16](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a25848a27fcba08dd1e2240eb01041599f2f5efe.png)

But I’m guessing that wouldn’t work for you?

---

<div class="post-metadata">

**Author:** ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)\
**Post date:** [January 23, 2024, 10:28am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/5 "2024-01-23T10:28:18Z")

</div>

Unfortuantely not. It ok, for now I have a link to the online google hex generator

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

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/5/156a32c8a6aacf37cdb009ad64489e3657f657e1.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:** [January 30, 2024, 10:29am UTC](https://community.glideapps.com/t/html-in-rich-text/69883/6 "2024-01-30T10:29:10Z")

</div>

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