Format Certain Text in Label

[Jack Bua]

I need to bold a particular word of text in a label, but not all of the label's text. How do I do that?

[Serhii Kulibaba]

Hello Jack,

You can use pseudoselector "first-letter" for the first letter:
https://css-tricks.com/almanac/select...

But it is impossible to use css for the part of the text.

[Jack Bua]

What about html formatting? I am only talking about simple things like bold, underline and italic.

[Evgene Karachevtsev]

Hello Jack,

You may drag/drop the HTML component and edit it like this:
pre
span class="label label-default"
span class="firstPart"First/span
span class="secondPart"second/span
/span%children%/pre
then add/use a separate file for CSS classes, adding whatever style you want:
pre.firstPart {
font-weight: 100;
color: blue;
}
.secondPart {
font-weight: 700;
color: red;
}/pre

[Hero Render]

On ionic,
I want to BOLD specific part of the text, I cant use HTML for rapid and easy dev .

[Illya Stepanov]

For this you can use CSS in your project for modifying the text string properties:

precode
.bold {

Code: Select all

 font-weight: bold; 

}
/code/pre

and for your Text component on the page add a Class: codebold/code

[Hero Render]

no I want to bold a specific part of my text, not on HTML...
for example, I want to bold the high lighted part.

[Serhii Kulibaba]

Hello,

It is impossible to use different styles in the only one HTML tag (like a label, a button, etc.). You have to separate your text to different tags for that.