Want to make checkbox label color in red

Burhan2
Tera Contributor

Hi Team,

I want to make few checkboxes label in red color in my catalog item in portal...I tried g_form.getControl method in client script but its not working does anybody have any idea how to do that please help me? Thanks

1 ACCEPTED SOLUTION

Ankur Bawiskar
Tera Patron
Tera Patron

@Burhan2 

g_form.getControl() won't work in portal.

check this link where I shared solution few years ago and it works in both native + portal

How to make text of Label type in Bold 

Sharing sample script from same here again

You can use this catalog client script onLoad and make the Label variable as Bold

Script: This will work in both native + portal

1) Ensure Isolate Script field is set to false for this client script

2) This field is not on form but from list you can make it false

function onLoad(){

	setTimeout(function(){ 
		
		if(window != null){
			// native
			g_form.getControl('variableName').setAttribute('style', 'font-weight: bold;color:blue');
		}
		else{
			// portal
			var aTags = this.document.getElementsByClassName("ng-binding");
			var searchText = "My Label"; // give the label name here
			var found;

			for (var i = 0; i < aTags.length; i++) {
				if (aTags[i].textContent.toString() == searchText) {
					aTags[i].style.fontWeight = 'bold';
					break;
				}
			}
		}

	}, 3000);

}

AnkurBawiskar_0-1735302411535.png

 

Output:

Native:

AnkurBawiskar_1-1735302411536.png

 

Portal:

AnkurBawiskar_2-1735302411532.png

 

 

If my response helped please mark it correct and close the thread so that it benefits future readers.

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

View solution in original post

10 REPLIES 10

Ankur Bawiskar
Tera Patron
Tera Patron

@Burhan2 

g_form.getControl() won't work in portal.

check this link where I shared solution few years ago and it works in both native + portal

How to make text of Label type in Bold 

Sharing sample script from same here again

You can use this catalog client script onLoad and make the Label variable as Bold

Script: This will work in both native + portal

1) Ensure Isolate Script field is set to false for this client script

2) This field is not on form but from list you can make it false

function onLoad(){

	setTimeout(function(){ 
		
		if(window != null){
			// native
			g_form.getControl('variableName').setAttribute('style', 'font-weight: bold;color:blue');
		}
		else{
			// portal
			var aTags = this.document.getElementsByClassName("ng-binding");
			var searchText = "My Label"; // give the label name here
			var found;

			for (var i = 0; i < aTags.length; i++) {
				if (aTags[i].textContent.toString() == searchText) {
					aTags[i].style.fontWeight = 'bold';
					break;
				}
			}
		}

	}, 3000);

}

AnkurBawiskar_0-1735302411535.png

 

Output:

Native:

AnkurBawiskar_1-1735302411536.png

 

Portal:

AnkurBawiskar_2-1735302411532.png

 

 

If my response helped please mark it correct and close the thread so that it benefits future readers.

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

Hi @Ankur Bawiskar i tried it and its working on portal side but on backside that is RITM view its not working where the variables are shown? Also wanted to ask what is the timeout function is used for that is set to 3000?

@Burhan2 

Did you check my above script?

to make it work did you give Isolate Script Field=false for your client script

As shared in my above details it worked in both the views

I hope I have provided a thorough answer to your question. I'm confident that with your developer skills, you can take it further from here.

If my response helped please mark it correct and close the thread so that it benefits future readers.

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

I have made isolate script false already and did all as mentioned but still backside in RITM its not working