How to change the color of the user added worknotes in the activity

[Community Alums]

Hi Team,

There is a requirement to change the color of user added worknotes to blue or any other color. So that it can be easily identified which is added as system notes and which is added as user notes

[Dom Gattuso · Accepted solution]

@Community Alums 

While its not ideal to run DOM, you could use an onload client script to do it: 

function onLoad() {
	var divs = document.getElementsByClassName('h-card');
	for(var i = 0; i < divs.length; i++){
		if(divs[i].innerHTML.indexOf('System') != -1){
			var html =  divs[i].innerHTML;
			html =  html.replace(/gold/g, "red"); 
			divs[i].innerHTML = html;
			//console.log(divs[i]);  
		}
	}
}

[Community Alums]

We are using the above in desktop UI and not portal.Our requirement is at desktop side

[Dom Gattuso]

@Community Alums 

The "h-card" class name is the HTML element for the comments / work_notes "cards" that show up within the activity log on the desktop UI. They do no have separate HTML elements for comments vs work_notes however you can determine if a given card element is a work_note if it has a "gold" style reference found in it.  

Also you may be having issues with running the script due to strict mode where direct DOM is disable. If you have the system property "glide.script.block.client.globals" set to true, then you are running in strict mode and should set it to false. If you do not see that system property listed, then create a new system property with the following values: 

Name: glide.script.block.client.globals

Type: True | False

Value: false

I hope that helps!

[Community Alums]

Hi,

I have made all the changes as mentioned above.

It seems to be working thanks. But it's also coloring the Notes and resolution field

[Dom Gattuso]

@Community Alums 

Can you provide a copy of the script you have currently implemented? I suspect you may be possibility calling the wrong HTML elements. 

[Community Alums]

Note: I have updated the class from h-card to h-card-wrapper, then it started working i.e coloring the worknotes of non system users

function onLoad() {

var divs = document.getElementsByClassName('h-card-wrapper');

    for(var i = 0; i < divs.length; i++){

        if(divs[i].innerHTML.indexOf('System') != -1){

            var html =  divs[i].innerHTML;

            html =  html.replace(/gold/g, "red"); 

            divs[i].innerHTML = html;

            //console.log(divs[i]);  

        }

    }

}