Comments on: More SharePoint Branding – Customisation using JavaScript – Part 1

By: rellimeb

rellimeb — Thu, 03 Nov 2011 13:11:26 +0000

Awesome 3 part series. This has helped me a great deal. For those of you wanting to make this Javascript compatible with Firefox as well, you’ll have to make a couple tweeks. Here’s my modified findacontrol function:

function findacontrol(content,where)
{
var result
if (!where) where=document
for (var i=0,l=where.childNodes.length;i0)
return where.childNodes[i]
if (result=findacontrol(content,where.childNodes[i]))
return result
}
}

By: paul

paul — Fri, 21 Oct 2011 16:01:21 +0000

Also, how would you get it to hide multiple lines? It only seems to work with one line!

_spBodyOnLoadFunctionNames.push(“hideFields”);

function findacontrol(FieldName) {

var arr = document.getElementsByTagName(“!”);
// get all comments
for (var i=0;i 0)
{ return arr[i]; }
}
}

function hideFields() {

var control1 = findacontrol(“Title”);
control1.parentNode.parentNode.style.display=”none”;
control1 = findacontrol(“Document Link”);
control1.parentNode.parentNode.style.display=”none”;
control1 = findacontrol(“PublishDate”);
control1.parentNode.parentNode.style.display=”none”;

var control2 = findacontrol(“Divider”);
control2.parentNode.parentNode.style.display=”none”;
control2 = findacontrol(“Document Link”);
control2.parentNode.parentNode.style.display=”none”;
control2 = findacontrol(“PublishDate”);
control2.parentNode.parentNode.style.display=”none”
}

By: paul

paul — Thu, 20 Oct 2011 10:14:55 +0000

This code works fine for hiding the entire line (Question & Answer) – How would you hide just the answer part?

By: stephane

stephane — Fri, 30 Sep 2011 17:08:03 +0000

Sorry, The Title element is rederred as follows:

input name=”ctl00$PlaceHolderMain$g_4860838c_0c1a_440a_a113_1a0fcf83d9b5$ff1_1″ type=”text” value=”TestTitle” id=”ctl00_PlaceHolderMain_g_4860838c_0c1a_440a_a113_1a0fcf83d9b5_ff1_1″ style=”width:244px;”

By: Stephane

Stephane — Fri, 30 Sep 2011 17:04:55 +0000

Hi. This stuff is a great learning document. I’m still scratching my head on how to retrieve the ‘Title’ field. I created a custom form for the Tasks list and I’ve been able to read all the values except for Title. This element is renderred as follows:

However, none of these work:
1) getTagFromIdentifierAndTitle(“input”,”text”,”ff1_1″);
2) getTagFromIdentifierAndTitle(“input”,”text”,”Title”);
3) getTagFromIdentifierAndTitle(“input”,”TextField”,”ff1_1″);
4) getTagFromIdentifierAndTitle(“input”,”TextField”,”Title”);

Help! Thanks

By: Nancy

Nancy — Wed, 21 Sep 2011 18:18:46 +0000

I have used this solution many times to hide fields. However, I now have this issue of wanting to make fields DISPLAY only, not editable. The only Edit Form function I want to retain is the ability to add attachments. Can this script be altered to produce that result? I tried things like changing display=”none” to display=”read” or display=”display” but nothing works. Is this possible?

By: Nicole

Nicole — Wed, 20 Jul 2011 17:43:59 +0000

nevermind. I’m a goof.
I figured it out and it works. my parent nodes were messed up.

function hideFields() {
var control = getTagFromIdentifierAndTitle(“select”,”ContentTypeChoice”,”Content Type”);
control.parentNode.parentNode.style.display=”none”;
}

By: Nicole

Nicole — Wed, 20 Jul 2011 17:41:59 +0000

I have a question,
I want to hide the content types control from the Edit Form. I need to have content types disabled and they must be visible on my list for my SP Workflow to see them.

Any idea what are the tag names and identifiers to be used for content type control?

var control = getTagFromIdentifierAndTitle(“select”,”ContentTypeChoice”,”Content Type”);

but it hid all the fields on the editform.
thanks for your help.

By: Islème

Islème — Tue, 28 Dec 2010 16:31:37 +0000

Good Job Mr Cleverworkarounds !

By: matt green

matt green — Wed, 15 Dec 2010 10:15:52 +0000

_spBodyOnLoadFunctionNames.push(“hideFields”);
function findacontrol(FieldName)
{
var arr = document.getElementsByTagName(“!”);
// get all comments
for (var i=0;i 0)
{
return arr[i];
}
}
function hideFields()
{
var control = findacontrol(“Complete necessary checks in accordance with Category loading”);
control.parentNode.parentNode.style.display=”none”;
}