Text Component vs Text Style for styling text?

Both of these have text styling ability of some sort.
If you put actual text into a Text element, you can go to the Text element and set all of the following settings according to screenshot 1.
But then when you actually Select the text in this Text element, you can apply Text Style according to screenshot 2.
One seems to override the other but I can’t tell which.

I don’t understand this. It doesn’t make any logical sense.
Why don’t we have text styling in ONE place. Or am I missing something here?



Cheers

The text controls shown in your screenshot 1 applies to all the text in the text container. The text controls in your screenshot 2 applies to any text you select within the text container.

This means for example you could select a word and make it bold and select another word and make it italic etc. Screenshot 2 controls are applying an overriding inline style. :slight_smile:

Hi logrunner,
When I place text in the Text Component, the font selection in the Text Component changes nothing. The Size also does not change the Size of the text, it just adds more spacing above the text. However, Weight does change the weight of the text. Spacing works correctly. Line Height doesn’t do anything. Italic does work. Text Shadow only works if Default is selected. Case works correctly. Underline does not work at all.

I have just tested it and most things are working for me AFAICS:

  • Font Selection: working, the fonts change
  • Size: working, the text size changes
  • Weight: working
  • Spacing: working
  • Line Height: working
  • Italic: working
  • Text Shadow: working for me in all sizes but I find it difficult to see, depends how my monitor is setup I think?
  • case: working
  • Underline: Agree, it doesn’t seem to work?

I am finding confusing the interactions between Text Component settings and Text Style settings of the text in this component.

It seems that no matter what has been set in the Text Component settings, any Text Style settings of that text will always override the Text Component settings.

For example, if I set the Text Component font to xyz, then go to Text Style settings and change the font from BLANK to abc for all the text in the component, I can not go back to Text Component settings and reset the text to xyz font ever again. The override is irreversible. Of course, I could change the font in Text Style to what I initially set in Text Component but I am still not able to reset Text Component to any other font.

To set the Text Component settings anew, I have to start all over again with a new Text Component.

I suppose if the Text Style settings for font had a BLANK/NONE setting we might be able to go back and reset the Text Component font???

Text Style settings for Font, Size, and Colour all override the Text Component settings.

Underline does work at all in the Text Component.

Turning Italic off in Text Styles does NOT override the Text Component Italic setting.

Turning Bold off in Text Styles does NOT override the Text Component Bold Weight setting.

There is some inconsistency here.
Thought you might need to know about this.

Maybe I am misunderstanding? You can clear the text style formatting by clicking the Clear Formatting button.

In general I think that the Text Component settings are meant to define the overall look of the text. The Text Style settings are used to override this for specific words or phrases as opposed to the whole text container. Text Style override was added because users want more specific control of particular parts of their text.

I think what you are looking for is to have another button to be able to select an override of ‘normal’ i.e. not bold, italic, or underline?

Here is is some text I have overridden:

PS. I am not an “expert” on the text component or overriding, just chipping in to help out. :wink:

logrunner,
How stupid am I. It wouldn’t have wanted to be a snake or I would have been bitten by now.
Do you know I never noticed it, yet it is plain as day. Must be getting old.
Many Thanks.

@logrunner is correct! @paulcruice Glad you got it sorted!