people picker change event

Call below function after initializing people picker control



var newUserEmailIdGlobalVariable="";

function PeoplePickerChangeEvent()
{
    this.SPClientPeoplePicker.SPClientPeoplePickerDict.newEmployeePicker_TopSpan.OnValueChangedClientScript=function (peoplePickerId, selectedUsersInfo)
{
if(selectedUsersInfo.length>0)
{
           console.log(selectedUsersInfo[0].EntityData.Email);
           newUserEmailIdGlobalVariable=selectedUsersInfo[0].EntityData.Email;
         }
         else
         {
          newUserEmailIdGlobalVariable="";
         }
         $('#txtNewUseremail').val(newUserEmailIdGlobalVariable);
       
    };

}



if does't work then call function in time out to initialize an event

like below


setTimeout(function(){  PeoplePickerChangeEvent() }, 3000);

Generator Bootstrap Grid Layout

Generator Bootstrap Grid Layout

1 2 3 4 6 12

Container Container Fluid

xs sm md lg xl

Bootstrap Code

Deactivating this solution turns off the capabilities of this solution

Create Site Template in Publishing site

1.Open Site in Sharepoint Designer
2.On Home top Navigation in Ribbon->Site Option->"SaveSiteAsTemplateEnabled" set to true ->Ok->Apply
3.now Click on Save as Template

If  Site Template not appearing at the time new site creation

->Go to Top Site Setting
->Click "Page layouts and site templates" under Look and Feel
-> Select "Subsites can only use the following site templates" radio button
->Select your template
->Click Add
-> Click Ok




Warning: Deactivating this solution turns off the capabilities of this solution. Some parts of this site may no longer function. You may want to check the usage of this solution before deactivating it

If in Sandbox Solution Activate/Deactivate button not appearing 

->Open Site in Chrome browser
->Go to Solution Gallery
->Select your Solution
->Select Activate/Deactivate Button in Ribbon
->In Popup window
->Right click Insect element/Develop tool/F12
->Select Ribbon warning border
->Bottom of table Select span which has "display:none"
->Uncheck "display:none" to "display:block"
->Now In Ribbon Activate/Deactivate link is appearing
->Choose your action