Make Read-Only fields in SharePoint List Forms using Javascript
Here is the code to make SharePoint list fields read-only like below screen:
Make Read-Only fields in SharePoint List Forms using JavaScript:
Open your list form (NewForm.aspx or EditForm.aspx) in SharePoint Designer, paste the below code after: <asp:Content id=”Content1″ runat=”Server” contentplaceholderid=”PlaceHolderMain”>
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("makeProjectIdReadOnly()");
function makeProjectIdReadOnly() {
document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').blur();
document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').readOnly=-1;
document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').className="Read-Only";
}
</script>
<style type="text/css">
.Read-Only {
BACKGROUND-COLOR: #f0f5f7
}
</style>
I’m a noob, and i don’t see this code to paste behind
“Paste this code after: ”
Open the list form in SharePoint Designer!