# ⚠️ Unsupported HTML/CSS in the Rich Text component will completely break in the coming weeks

**URL:** https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931
**Category:** General
**Created:** [July 5, 2022, 7:29pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931 "2022-07-05T19:29:34Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [July 5, 2022, 7:29pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/1 "2022-07-05T19:29:34Z")

</div>

Some advanced users use custom HTML/CSS inside the Rich Text component to style their apps. This has always been unsupported and discouraged:

 ![CleanShot 2022-07-05 at 12.28.06@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/b/5b1c4a95933168551ffabdb75a4f2b329aa07f0c.png)

In the coming weeks we’re rolling out significant changes to Glide’s architecture to make apps faster, and eventually more compatible with new features introduced in Glide Pages. This will completely break all custom HTML/CSS in the Rich Text components. If you rely on this, we strongly encourage you to stop using it now.

---

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [July 5, 2022, 7:32pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/2 "2022-07-05T19:32:41Z")

</div>



---

<div class="post-metadata">

### Author: ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)
#### Post date: [July 5, 2022, 8:25pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/3 "2022-07-05T20:25:57Z")

</div>

Do we expect these rich text components with HTML/CSS to just being disabled? OR they’ll still affect (now negatively) the app’s UX?

---

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [July 5, 2022, 8:31pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/4 "2022-07-05T20:31:09Z")

</div>

The rich text will still show! But the styles should have no effect.

---

<div class="post-metadata">

### Author: ![grumo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/grumo/32/34786_2.png) [@grumo](https://community.glideapps.com/u/grumo)
#### Post date: [July 5, 2022, 8:45pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/5 "2022-07-05T20:45:48Z")

</div>

Oh no! some of my most popular apps use custom CSS. Ideally, the lost functionality would be replaced with native features.

In particular it would be great to be able to:

- Fix buttons to the bottom of the screen.
- Modify the look of the stopwatch so it displays the time only (without the dial)
- Enable more than 4 columns in lists/cards

**Sample 1:** Fixed navigation and modified stopwatch

 ![Screen Shot 2022-07-05 at 1.37.46 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/6/06c6e375c278f3083d703732d358b1d801d9dc82.png)

**Sample 2:** Inline list with 7 columns

 ![Screen Shot 2022-07-05 at 1.41.14 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4be1e740a0b793ecb5cf4c9b5273c63e588e9fe8.png)

Any plans to add this functionality?

---

<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: [July 5, 2022, 8:55pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/6 "2022-07-05T20:55:08Z")

</div>

My app uses an HTML table with some styling on the table itself. Can I assume that the HTML table will stop working and/or lose it’s styling, or does this primarily affect styling on native glide components?

 ![Screenshot_20220705-155014-210](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/e/0e05e0b31b7d97f5e4ccd4959c1ed24f12436e78.png)

---

<div class="post-metadata">

### Author: ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)
#### Post date: [July 5, 2022, 9:20pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/7 "2022-07-05T21:20:40Z")

</div>

> [@Jeff\_Hager](#):
>
> My app uses an HTML table with some styling on the table itself.

The Jeff’s HTML tables!! WTF?? 🥴 🤒 I have almost 4-6 APPs using them

---

<div class="post-metadata">

### Author: ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)
#### Post date: [July 5, 2022, 9:51pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/8 "2022-07-05T21:51:00Z")

</div>

damn, that calendar view is super neat!

---

<div class="post-metadata">

### Author: ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)
#### Post date: [July 5, 2022, 10:09pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/9 "2022-07-05T22:09:04Z")

</div>

We all knew that this day would come. Farewell to custom components, I learned HTML/CSS basics thanks to you. We had good days 😩

Many thanks to David for warning us but not just turning it off, appreciate that! Looking forward with excitement for incredible new UI features in Apps ✨

---

<div class="post-metadata">

### Author: ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)
#### Post date: [July 5, 2022, 10:13pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/10 "2022-07-05T22:13:49Z")

</div>

LOL. Of course. I just made some changes to an app based on a video by @Robert_Petitto on app navigation. I had struggled with making my app more intuitive, and this solution works beautifully.

I have an inline list styled as a menu, but the thing that makes it work seamlessly is being able to make it “sticky” at the top so as the user scrolls the other inline list on the screen, the menu stays at the top. Floating buttons, no matter what ICON I selected, were too hard for the users to catch on.

Can we get a “floating” inline list? Can we get “floating” other components – with the option to have them float on the top or bottom?

Merging the two development environments (apps and pages) will be beneficial in the long run, but it would be nice to have some recourse for at least some of the features people have become accustomed to “working around” using CSS.

For myself, I’ve shied away from custom CSS except in very rare circumstances where I could not figure out how else to do something in an intuitive way.

I think the other thing I’ve used it for is to hide the buttons at the top of a form (the back and submit buttons, etc.).

Luckily, my method of doing a confirmed delete only relies on component visibility and _not_ turning on the “allow the user to delete” checkbox. I think adding checkboxes like that for the other “standard” screen objects would be good.

And before someone says, “Use a custom form” – well, it would be a LOT easier to convince me of that if we could RE-USE custom forms! 🙂

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [July 5, 2022, 10:21pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/11 "2022-07-05T22:21:14Z")

</div>

The only thing I really like CSS for is setting the image as the background for the Cards layout in apps. This let me use a solid color as the image, then set it to fill the background of the card… Giving a really nice appearance.

Card background colors in Apps and Pages would be great, so hopefully this comes back as a native option in the future once everything settles.

 ![Screenshot_20220705-182050](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/e/8e726d04df53feea202067a8eaf1a1dcc0cf1c86.png)

---

<div class="post-metadata">

### Author: ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)
#### Post date: [July 5, 2022, 10:35pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/12 "2022-07-05T22:35:40Z")

</div>

This new update should be implemented on new apps from now onwards. A couple of my apps use very basic CSS, yet very important for the functionality.

But I really support this decision. Glideapps should solely be known as NO-CODE NO-CSS NO-HTML tool 😃

---

<div class="post-metadata">

### Author: ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)
#### Post date: [July 5, 2022, 10:50pm UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/13 "2022-07-05T22:50:27Z")

</div>

For clarification, will the “External Code” feature that needs to be inserted with Rich Text still work? I’m specifically referring to this fantastic one by ThinhDinh that I use extensively, because it is related to formatting. Thx.

 ![Mouse_Highlight_Overlay](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/9/590cab8af5800da7fbd3404c2835d99b31e6facc.png)  
 ![Cursor_and_Mouse_Highlight_Overlay](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/20fa8e62c3634d0b3c99c1fcac5ca0886fa5aba7.png)

---

<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: [July 6, 2022, 12:08am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/14 "2022-07-06T00:08:31Z")

</div>

I expect that one to be affected since it does have CSS inside it.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/2/c2318bd617265a075e608e9d9606b67f2e90563a.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: [July 6, 2022, 12:09am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/15 "2022-07-06T00:09:39Z")

</div>

If it works the same way as Glide Pages, I expect the table to lose its styling.

---

<div class="post-metadata">

### Author: ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)
#### Post date: [July 6, 2022, 12:22am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/16 "2022-07-06T00:22:00Z")

</div>

Darn, I thought that the External Code items were legit and not a CSS sleight of hand. 🤔

---

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [July 6, 2022, 12:23am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/18 "2022-07-06T00:23:21Z")

</div>

> [@kabookie](#):
>
> Darn, I thought that the External Code items were legit and not a CSS sleight of hand. 🤔

External Code columns have nothing to do with CSS–they are JavaScript columns that calculate values only.

---

<div class="post-metadata">

### Author: ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)
#### Post date: [July 6, 2022, 12:23am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/19 "2022-07-06T00:23:43Z")

</div>

Thank you David!!!

---

<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: [July 6, 2022, 12:48am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/20 "2022-07-06T00:48:38Z")

</div>

As David said, it’s a JavaScript snippet intended to be used to calculate values. In this case, what you’re feeding into the column are some links, and I used JS to return a HTML + CSS code snippet to display on the screen, so ultimately it still needs a bit of CSS to look like that.

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [July 6, 2022, 12:55am UTC](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931/21 "2022-07-06T00:55:56Z")

</div>

# 😱

Oh no! I have MANY client apps using CSS to style card layout that will completely decimate the UI if turned off…

Not sure how I’m going to keep my previous customers satisfied. It’s going to cost me a LOT of time to fix the dozens and dozens of app that I’ve customized over the past couple years.

[Next page](https://community.glideapps.com/t/unsupported-html-css-in-the-rich-text-component-will-completely-break-in-the-coming-weeks/43931.md?page=2)
