How to Add Custom CSS to Individual Words in a Text Field in a Detail/List View
Hi Community,
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
Thanks in advance for your help!
Like
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.
We were able to Achieve this please see the article : https://community.creatio.com/articles/displaying-multiselect-values-chips-list-pages