How to write to display some colored text

Hi there,

I’m brand new into glide.
I’m working on a form, and in the end, before submitting, I’m showing a recap of the information given.
With some if-then-else column, I also display, in a field component, the missing information.
I’d like to write “missing information” in red to catch attention about it but don’t know how to do it.

I 've tried to return an image, but hte image is too tiny to be read.

I’m thinking about using CSS or HTML as Markdown doesn’t allow to color text but I don’t find out how to do it.
Do I absolutely have to get a billed plan to use CSS style?

Can someone give me a hand to ravel out this issue? :pray:

Hope my first post isn’t an useless one already covered somewhere, but I didn’t find anything about this basic issue :sweat_smile:

Many thanks in advance for any kind of help :heart_hands:

Some image worth a 1000 words:

Hi @Thibault_Mazur, an easy way to display red text is to use a text component and display as meta text.
Another way is to create a template column, input your HTML and use a rich text component to display it.

For example:

<div style="text-align: center;">
  <span style="font-size: 32px; color: red;">Your Text Here</span>
</div>

Replace “Your Text Here” with your if-then-esle column result.
You can adjust the code as needed.

4 Likes

Here are some images to help guide you:


OR

4 Likes

Hi @Sekayi_Liburd

Many thanks for your help, it does work perfectly :ok_hand:

While trying it, I’m also understanding that rich text can display some HTML code, which wasn’t really clear for me when I read about Rich text on glide docs.

The text-align tag doesn’t seem to work very well but I’m pretty sure it is because I’m in a field component.

However, I thank you a lot for your instructive answer and for your time and wish you the greatest possible day ! :saluting_face:

1 Like

I’m glad I was able to help!
Maybe some of our CSS experts can help with the alignment within the field component.
@Himaladin
@ThinhDinh

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