Hide the content type field in SharePoint

  1. Open SharePoint Designer and navigate to the site that contains the list or document library you wish to customize.
  2. Expand the folder named “Forms” under the desired list or document library.  You should see about seven .aspx pages (AllItems.aspx, EditForm.aspx, NewForm.aspx, etc)
  3. Open the Form.aspx page and switch to the “code” view to edit the HTML of the page.
  4. Paste the JavaScript code immediately below the the following HTML tag
  5. This will add the JavaScript to the HTML inside the content placeholder tag.  Note: be sure to include the entire script below, including the script tags.
  6. Modify the “hidefields()” section of the JavaScript code to refer to each SharePoint list field name to hide.  For example, the code sample below will hide the SharePoint fields named Title, Document Link, and PublishDate    Notice that you do not need to worry about internal field names or field types like other JavaScript techniques, you simply need to know the name of the field.
  7. Save the changes.  Select “Yes” when prompted to “…customize the page from the site definition…”
  8. Test the form
  9. Javascript Code

      
     
    _spBodyOnLoadFunctionNames.push("hideFields");  
     
    function findacontrol(FieldName) {  
     
       var arr = document.getElementsByTagName("!");  
       // get all comments  
       for (var i=0;i < arr.length; i++ )  
       {  
          // now match the field name  
          if (arr[i].innerHTML.indexOf(FieldName) > 0)  
          {         return arr[i];      }  
       }  
    }  
     
    function hideFields() {  
     
       var control = findacontrol("Title");  
       control.parentNode.parentNode.style.display="none";  
       control = findacontrol("Content Type");  
       control.parentNode.parentNode.style.display="none";  
       }  
    
    

Related Post

3 thoughts on “Hide the content type field in SharePoint”

  1. Hi Nick,

    You could use the following javascript to hide the content type

    function getTagFromIdentifierAndTitle(tagName, identifier, title) {
    var len = identifier.length;
    var tags = document.getElementsByTagName(tagName);
    for (var i=0; i < tags.length; i++) {
    var tempString = tags[i].id;
    if (tags[i].title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length – len)) {
    return tags[i];
    }
    }
    return null;
    }

    var contentcontrol = getTagFromIdentifierAndTitle("select","Choice","Content Type");
    if(contentcontrol)
    {
    contentcontrol.parentNode.parentNode.style.display="none";
    }

Leave a Reply

Your email address will not be published. Required fields are marked *