How to style part of Expression text

Hello, 


I have a very simple scenario, I searched on Google and here but couldn't find the exact answer I want. I completed the Mobile online course as well. I have an "Expression widget' with text on it. I want to style the values of the variables only, in the example below, I want the word Location to be red, the variable "Hawai" to be grey and the number "12345678" to be blue color with URL. The "Style Classes" property will style the whole text, but I want to style only some parts of the text only.

I am using Service Studio version 11.0.537 




How can I do that. 



Thanks in advance. 

Solution

Hi Maitha,

For that The word Location to be red, the variable "Hawai" to be grey and the number "12345678" to be blue color with URL - you need to take three different Expression and set this style accordingly.

one part for Location 

second part for variable

third part for number and number part link with URL


Regards

Rahul Sahu


Solution

Hi Maitha,

Use three expression for all three (Location , the text Hawai and for the number ) and apply class individually in all three.


Regards,

Jitendra

Hi Maitha,

You can just seperate it that into  text or in expressions and apply css.

Hope this will help you


regrads,

amreen


Thank you all for your responses! Appreciated

Hi Maitha,

If this post solve your problem please post mark as solution .

it will helpful other who find same thing.


Thanks

Rahul Sahu