PROJECT SERVER - Make Custom Fields Read Only

PROJECT SERVER - Make Custom Fields Read Only

The fields on the PDPs (Project Detail Pages) is always editable unless you make them read only in a workflow stage or use the calculated field as suggested in my other post:
http://technicaltrix.blogspot.dk/2014/09/project-server-read-only-custom-fields.html
If you want to make a custom field read only without using aditional custom fields you have to do it through Javascript.In the following i will explain how we can make custom fields read only through Javascript.Insert a Content Editor webpart to the PDP page where the field you have the field that should be made read only.

Select the webpart and from the ribbon select HTML->Edit HTML Source.

Copy/Paste the following code into the Content Editor webpart.

<script type="text/javascript"> function makeReadOnly() { var elements=document.body.getElementsByTagName("INPUT"); for (index=0; index < elements.length;++index) { if(elements[index].type=="text") { if(elements[index].title=="Project Number") //Field name { elements[index].disabled=true; } } } setTimeout(makeReadOnly, 500); } setTimeout(makeReadOnly, 100); </script>

Replace “Project Number” with the field you want to make read only.

Click OK and Stop Editing and the field name should be updated.
Now the field is read only when viewing the PDP.