Individual Text Color in Rich Text

Studio_Akiba · Apr 1, 2015

I noticed this in the new new UI manual, but nothing related in it seems to work and their example is for the legacy system.
http://docs.unity3d.com/Manual/StyledText.html
My main question is can you color or in any way style text in the new UI without changing all text in the text box?

fffMalzbier · Apr 2, 2015

What do you man with

Labyrith Studios said: ↑

without changing all text in the text box?
Click to expand...

Do you mean change the color of the whole text or edititng the text content?
The Rich Text works fine with the new gui, you even enable / disable the Rich Text on the text component.

SimonDarksideJ · Apr 2, 2015

Or use assets like TextMeshPro and others
But as @fffMalzbier says, the Text control supports the same RichText (xml style) system that the legacy GUI did. (provided you enable it on the text)

Studio_Akiba · Apr 2, 2015

@fffMalzbier I am talking about using things like <color=#00ffffff>This is Colored</color> to just color certain words or segments in the UI, the manual link I posted supposedly is for the new UI, it is posted under it, but none of the tags in the table seem to work in the new UI, and seem to only work in the scripted UI (legacy).

SimonDarksideJ · Apr 2, 2015

Nope, those should work PROVIDED you have enabled them on the text component, as shown here:

Studio_Akiba · Apr 2, 2015

I have double checked this, and none of the tags work, it just prints them as regular text in the box.

SimonDarksideJ · Apr 3, 2015

Odd because it works for me.

I'd suggest creating a sample project and submitting it as a bug using the Unity bug reporter in the editor in that case

adelphiaUK · Apr 20, 2015

Labyrith Studios said: ↑

I have double checked this, and none of the tags work, it just prints them as regular text in the box.
Click to expand...

Not sure if you got this sorted yet, but I found a small bug and that is you must have at least one character after the closing brace </color> (so a space if you have no other text to enter)

Studio_Akiba · Apr 20, 2015

adelphiaUK said: ↑

Not sure if you got this sorted yet, but I found a small bug and that is you must have at least one character after the closing brace </color> (so a space if you have no other text to enter)
Click to expand...

I did get this working...sort of.
I can now use <color=green> for example </color> but I can only use it once, if I try to use it more than once per Text component/Object, it simply prints the text <color=green> in the text box.

LaneFox · Apr 20, 2015

This is working fine, perhaps you have some formatting problems with your text? Are you inputting it in the field directly or inputting something from code?

This formats properly:

Code (csharp):

<color=red>Red Italic</color> <color=green>and Green</color>

You must close rich text segments in the same order that they are opened or none of it will compile.

Studio_Akiba · Apr 20, 2015

LaneFox said: ↑

This is working fine, perhaps you have some formatting problems with your text? Are you inputting it in the field directly or inputting something from code?

This formats properly:

Code (csharp):

<color=red>Red Italic</color> <color=green>and Green</color>

You must close rich text segments in the same order that they are opened or none of it will compile.
Click to expand...

I am more than familiar with HTML and CSS so I know this, but I am still having this problem.

LaneFox · Apr 20, 2015

Can you post the text you're using, or a repro scene? Does the line I posted work for you?

Studio_Akiba · Apr 20, 2015

LaneFox said: ↑

Can you post the text you're using, or a repro scene? Does the line I posted work for you?
Click to expand...

Very odd, It seems to work so long as I don't put too much text in, after I go over about 40 words it stops working.
Maybe I should reinstall Unity or something, definitely looks like something has gone wrong, I have never tried it with little text before so didn't notice.

LaneFox · Apr 20, 2015

It's working fine for me. Are you positive you aren't introducing some formatting errors somewhere as the field gets bigger and more populated?

Code (csharp):

<color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>,

Studio_Akiba · Apr 20, 2015

LaneFox said: ↑

It's working fine for me. Are you positive you aren't introducing some formatting errors somewhere as the field gets bigger and more populated?

Code (csharp):

<color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>, <color=red>Red</color>, <color=green>Green</color>, <color=blue>Blue</color>,

Click to expand...

I just coppied and pasted this into a Text component on my UI, and I get the same thing that would appear when Rich Text is disabled, but it isn't. I have tested this on my laptop and it works fine, I am thinking it may be my installation.

LaneFox · Apr 20, 2015

Interesting... at least we've narrowed it down.

einarbrown · Aug 17, 2019

I had a similar problem. For me, it worked when I removed blank space.
Not working:
<color = blue>Blue!</color>
Working:
<color=blue>Blue!</color>

ktmarine1999 · Apr 28, 2021

einarbrown said: ↑

I had a similar problem. For me, it worked when I removed blank space.
Not working:
<color = blue>Blue!</color>
Working:
<color=blue>Blue!</color>
Click to expand...

As per the Unity Manual
https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/StyledText.html
Tag parameters cannot include blank spaces. For example:

We are <color = green>green</color> with envy

does not work because of the spaces to either side of the = character.

Search Unity

Individual Text Color in Rich Text

Studio_Akiba

fffMalzbier

SimonDarksideJ

Studio_Akiba

SimonDarksideJ

Studio_Akiba

SimonDarksideJ

adelphiaUK

Studio_Akiba

LaneFox

Studio_Akiba

LaneFox

Studio_Akiba

LaneFox

Attached Files:

shot_150420_102645.png

Studio_Akiba

LaneFox

einarbrown

ktmarine1999

Search Unity

Unity ID

Useful Searches

Individual Text Color in Rich Text

Attached Files: