How to hide "Indicates required" ?

[eyal abu hamad]

Hey all,

I need to hide the indicator that says "Indicates required", I know its not the best practice but this is what I was been asked for. Tried onload script that catches the class if the indicator but for some reason its returning null.

this is the script that I wrote

function onLoad() {

   //Type appropriate comment here, and begin script below

var aTags = this.document.getElementsByClassName("sc-cat-item-legend ng-scope");

aTags[0].style.display = "none";

}

and this the error that I get

also this is the div details

[Radek]

use CSS in Instance Option:

.sc-cat-item-legend {
      display: none;
}

[Mohammed Al-Mar]

Hi @eyal abu hamadoccasionally the DOM elements may not load immediately. You can use a timer to allow the page additional time to load.

Also, ensure that the "Isolated Script" checkbox is unchecked in the client script record.

function onLoad() {
	setTimeout(function(){
		var mandatoryLegend = this.document.querySelector('.sc-cat-item-legend');
		mandatoryLegend.style.display = 'none';
	}, 100);
}

[Radek]

I'd use this in case there is a need for single catalog item to be modified.

[Mohammed Al-Mar]

I agree with this comment.