I’m customizing a detail/list view in Creatio where each row includes fields like A1, A2, A3. One of the fields is a single text field, and I want to style individual words within this field — for example, giving each word a different background color.
This is similar to how the multi-select lookup component shows selected values with separate styling (like colored tags). I’m trying to recreate that effect for a regular text field in the list view.
To clarify:
I already know how to inject custom CSS using modules and global CSS variables
What I’m looking for is a way to apply styling dynamically at runtime, depending on the text content
CSS alone doesn't work that way. You can't style single word within the same text using CSS. You'd need to manipulate the text so that each word would be wrapped in it's own span/div to be able to style them that way.
to add colors to the value, if you know which div it is exactly, you can use the class or id of that div in the selector instead of ".label-wrap .t-label" as in step 1 of the example. Or you can look up the class or id by using inspector tool (Ctrl+shift+C) in the developer tools (f12) on your page and then use them in the selector.
If you require more assistance please provide screenshots of div you want to color, would provide more clarity how to change the selector accordingly.
I would recommend you to use the new FreedomUI pages on the site. You can change bg-color in the system settings on the FreedomUI page (on your screen shot I can see Classic UI). It will take 10 min maximum.
To change colors with FreedomUI :
1) Open System designer -> Advanced settings
2) Find the Custom Object CasePriority or create a replacement:
3) Add the new column -> Other -> Color:
4) Add Title to the new Color column on the same page
5) Click on the Name of this object and choose value (Title name from p.4) in Color field:
6) Publish this object
7) Open System Designer -> Lookups -> Case priorities -> View -> Select fields to display:
