Any idea if we can change the background color of a hint component depending on the text in its description?
something along the line of this
.colored-hint:has(> p:contains(“Disposed”)) div[class*=“default”] {
background-color: red;
}
Good idea, but contains is not a standard CSS pseudo-class so I don’t think it will work in Glide.
Yes it doesn’t work … but along this line maybe there is a way to do it.
I use hint components to represent status inside custom collections. Would be nice if I could color them instead of putting 3 and using visiblity conditions.
I build my own. This can be done with a template column and a rich text component and the color can be modified with an IF column.
For example:
<div style="background-color:rgba(41, 87, 122, 0.2);padding:10px;border-radius: 10px;padding-top:10px;font-weight: bold;text-align: center;text-decoration: underline;">
Notes
</div>
2 Likes
Agreed. If you’re going to use CSS anyway, then yes, maybe HTML in a rich text is better option as @Jeff_Hager mentions above.
1 Like
Very nice idea !
but i cannot use it.
I use the minimum CSS possible in client apps.
I also have a very strict performance policy not to add new unnecessary computed columns that i can avoid.