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]);  
		}
	}
}

[Dom Gattuso]

I don't think there is a way to dynamically change the color based on conditions. I do know the color is set through a system property called "Glide.ui.activity_stream.style.work_notes", if that helps.

[Community Alums]

There should be someway? Can we write any script to achieve this?

[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]

What is 'h-card' ?

I tried to run the above code but its not working. I can see you are replacing 'gold' with red, How to get worknotes ?

Also the below condition is not passing.

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