If you’ve been waiting for this feature request “CSS Class Name” Field bound to data , it’s still unclear when it will arrive. In the meantime, here’s a workaround that turns the Rich Text component into a CSS-controlled state bridge — a way to make your app’s CSS respond directly to data, without J…

Well, that’s clever! Reminds me of how we used Rich Text component in classic apps to style screens. The only limitation is that you’d need that rich text component on every screen to ensure the CSS (your badges) persists as the user navigates around your app, ya?

You’re right — for now, that’s the maximum achievable approach for navigation menu cases, unless each navigation button could have a CSS class name bound to Glide data (as suggested here: Allow “CSS Class Name” Field to be bound to data ). For other components, a Rich Text element placed on the same…

I think it’s time Glide considered putting you on their payroll. :clap: :clap: :clap:

The next challenge will be creating logic directly through CSS — so that styles can dynamically react to data changes and conditions, not just static values. That’s where things start to get really interesting.

This is great! I have often done things similar, with a hidden button component and passed glide values through it there because it creates an aria-label=”glideValueHere” which can then be targeted with :has in the css. Keen to see how you solve having dynamic values in the css!

Hi @Eitan that’s right — the aria-label attribute can indeed provide dynamic values based on data. In your CSS, you just need to target the component and define the style according to the label value you want. #page-root:has([aria-label="active"]) .some-element { background: green; } [ScreenReco…

You inspired me to play around a bit. I built a way to custom style the Emphasis text of a title component within a custom collection based on the topic of that custom collection’s card. [CleanShot 2025-10-28 at 18.39.03] It’s dynamically applying the CSS class on each card using the Rich Text co…

To clarify, when I say “dynamic CSS,” I mean styles that follow dynamic data, not dynamically generated selectors or injected code. For example, as you’ve shown, you already have different background colors depending on the text emphasis (AI, WINS, TIPS). But in your video, you’re still repeating t…

Thanks @Himaladin , this was fantastic. We changed the CSS for a client who’s predominantly mobile-first (not top nav) but really appreciate this post :raising_hands: /* Bottom tab bar buttons */ [aria-label=“Tab Navigation”] > button { position: relative; } /* 🟣 Base badge — appears only when data…

🧠 CSS Hack: Dynamic CSS in Glide

Community Resources

Himaladin December 11, 2025, 12:30am 14

Update: An alternative approach that doesn’t require using a Richtext component on every screen

1 Like

Topic		Replies	Views
Tell Glide how you use CSS General	128	18050	December 27, 2022
⚠️ Unsupported HTML/CSS in the Rich Text component will completely break in the coming weeks General	133	6267	September 6, 2022
🔥 Advanced CSS Hack: Dynamic CSS in Glide 3 - Badge Navigation via User Image URL Fragment Community Resources custom-css , actions , tutorial , custom-code	2	173	December 14, 2025
Ⓘ Notification Badge in New Glide Community Resources custom-css , tutorial , custom-code	36	1299	July 24, 2024
CSS for hiding stuff! Community Resources tutorial	89	8610	March 6, 2024

🧠 CSS Hack: Dynamic CSS in Glide

Related topics