How to update additional comments and work notes tab color in the incident form on serviceNow

ashok17 · 4 weeks ago

How to update 'additional comments' and 'work notes' tab color in the incident form on serviceNow.

I have tried updating for configure style as per attached screenshot but it's working while creating incident only after incident submitted the color not updated in the additional comments field.

Please let me know how to achieve this requirement.

HarishKumar6668 · 4 weeks ago

Hi @ashok17 ,
Unfortunately, adding a background color directly to journal input type fields is not supported. However, a similar visual effect can be achieved by placing a colored line beside the journal input field, as shown below.

For OOB Journal Fields (e.g., Work Notes & Comments): A system property is available in the following format: glide.ui.activity_stream.style.field_name

Simply add the desired HEX color code(ex:#0052CC) value to this property, replacing field_name with the backend Journal input field name .

For Custom Journal Fields: Create a new system property following the same format mentioned above and assign the CSS value accordingly.

If you find this useful, please mark it as Helpful or Accept it as the Solution.

Regards,
Harish

View solution in original post

Ankur Bawiskar · 4 weeks ago

@ashok17

which color you are referring? share screenshots how it's behaving for new and existing record

Regards,
Ankur
✨ Certified Technical Architect || ✨ 10x ServiceNow MVP || ✨ ServiceNow Community Leader

ashok17 · 4 weeks ago

Hi, thanks for response

As per requirement the incident form 'Comments (Customer visible)' field should be color was orange as mentioned below screenshot and the color should be update on backend incident form as well.

iftekhar_mirza · 4 weeks ago

Hi @ashok17,

You can achieve this through System Properties.

Navigate to sys_properties.list and search for the property:
glide.ui.activity_stream.style.field_name(comments or worknotes)

Then update its value like below:

your_color; box-shadow: 10px 10px 5px #888888;

This will help you control the styling (including color) for the Additional Comments and Work Notes in the activity stream.

Please mark my answer as helpful/correct if it resolves your query.

Regards,
Iftekhar

DB1 · 4 weeks ago

Option 1: UI Policy
- Navigate to System UI → UI Policies.
- Add a UI Policy Action for the field comments (or the exact field name).
- In the UI Policy Action, set the Field Styles:
- Field: comments
- Attribute: color
- Value: orange

Option 2: Client Script
If you need more flexibility (e.g., dynamic conditions), use an onLoad Client Script:
function onLoad() {
var commentsField = g_form.getControl('comments');
if (commentsField) {
commentsField.style.backgroundColor = 'orange';
}
}

Please mark my answer as helpful/correct if it resolves your query.

Regards,
Bhavani Bharathi