Add a
<script src=”http://server/sites/teamsite/Style Library/Scripts/scriptFileName.js” type=”text/javascript”></script>
line in the Master Page that is being used by the page that displays the element that you want to hide. You will need to add that line just above the one that says:
<asp:ContentPlaceHolder id=”PlaceHolderAdditionalPageHead” runat=”server”/>
Then, create a scriptFileName.js file and paste in the following code:
function functionName(){
var varName = document.getElementById(“elementID”);
if(varName!==null)
{
varName.style.display = “none”;
}
}
ExecuteOrDelayUntilScriptLoaded(functionName, “sp.js”);
where, in my case, the elementID was this:
ctl00_m_g_1da9530c_dae1_463c_bac3_84b6466c1fdf_ctl00_ctl05_ctl05_ctl00_ctl00_ctl04_ctl00_ctl00_UserField_checkNames
You can find this ID by looking at the source code of the page displayed on your browser. Or, click F12 on Internet Explorer, click on the Select icon (little arrow) and then click on the element whose ID you’re after.
The last line in the script
ExecuteOrDelayUntilScriptLoaded(functionName, “sp.js”);
makes sure that the script you just wrote will execute AFTER the page has loaded. If you do not include that line, the script will never find the element with the specified Id as it will be looking for it on a blank page.
