SharePoint 2013 people picker

Question

How to disable specific people picker field in a list in edit form . Not all the people picker field present in that specific list. Below code disable all people picker field

$(".sp-peoplepicker-delImage").css({ 'display' : 'none'}); $(".sp-peoplepicker-editorInput").css({ 'display' : 'none'});

I want to disable specific people picker field.

Answer 1

Using jQuery selectors, you can target a specific column using the internal name. Below is the selector ^ which means "Begins with".

$("input[id^='internalColumnName']").prop("disabled", true);
$(".sp-peoplepicker-delImage[id^='internalColumnName']").prop("disabled", true);
$(".sp-peoplepicker-delImage[id^='internalColumnName']").css({"display": "none"});

Answer 2

If you have a text area that is currently set as a people picker, and you no longer want it to be set as such, you can change the type to a single line of text, etc. In the List Settings, click the field in question, and change the type from there.

Answer 3

Set the 'contentEditable' property of the people picker field to false.

• To disable all the people picker fields - $('[title="People Picker"]').attr("contentEditable","false");
• To disable a specific people picker - $('#divID').attr("contentEditable","false");, where divID is the ID of the people picker div