How to add color to "Check Box Text" in service catalog???

[Mr_m1]

How to add color to Check Box "Text" -> Adobe Acrobat in service catalog

As im not having Macros

Any ideas

Thanks

Mounish

[Ankur Bawiskar · Accepted solution]

@Mounish 

this worked for me in Native + Portal

Remember this uses DOM which is not recommended.

Ensure Isolate Script = False for this

Client Script: Isolate Script False

function onLoad(){

	setTimeout(function(){ 
		if(window != null){
			// native
			var z = document.getElementsByClassName("checkbox-label");
			for (k = 0; k < z.length; k++) {
				if(z[k].innerHTML == 'Adobe Acrobat'){
					z[k].style.color = 'red';
				}
			} 
		}
		else{
			// portal
			var aTags = this.document.getElementsByClassName("ng-binding");
			var searchText = "Adobe Acrobat";
			for (var i = 0; i < aTags.length; i++) {
				if (aTags[i].textContent.toString() == searchText) {
					aTags[i].style.color = 'red';
					break;
				}
			}
		}
	}, 3000);
}

Output: Native

Output: Portal

Please mark my response as correct and helpful to close the thread so that it benefits future readers.

Regards
Ankur

[Mr_m1]

Hi @Ankur Bawiskar 

Its working as expected, can i have the text in color only for Acrobat for that check Box - Text

please let me know 

Thanks 

Mounish

[Ankur Bawiskar]

you can manipulate it.

if you want text color for Acrobat to be red then update as this

function onLoad(){

    setTimeout(function(){
        if(window != null){
            // native
            var z = document.getElementsByClassName("checkbox-label");
            for (k = 0; k < z.length; k++) {
                if(z[k].innerHTML == 'Acrobat'){
                    z[k].style.color = 'red';
                }
            }
        }
        else{
            // portal
            var aTags = this.document.getElementsByClassName("ng-binding");
            var searchText = "Acrobat";
            for (var i = 0; i < aTags.length; i++) {
                if (aTags[i].textContent.toString() == searchText) {
                    aTags[i].style.color = 'red';
                    break;
                }
            }
        }
    }, 3000);
}

Regards
Ankur

[Mr_m1]

I had given that but it didn't work

[Ankur Bawiskar]

when I gave the text as Adobe Acrobat it worked for me

try to debug and enhance.

Regards
Ankur