This article is based on Sumit Agarwal's post . I am sure People Picker control in SharePoint is one of the dreaded controls to customize. The OOTB default control is a beauty. It is simple & effective. Pnp has a people picker which is good too. But sometimes there are situations, when you have to build your own. So here is my try. Here I am using Angular 9 + Telerik Kendo Angular Multiselect control. I will try to explain all steps in brief. Step 1: Add supporting file for query interface - people-picker.query.ts Step 2: Add supporting file for People Picker Response - people-picker.response.ts Step 3: Import in your component. Step 4: Add html markup - to install & use Kendo multiselect, please check here . Step 5: Have a public variable in your component class Step 6: Write on change event function in component Step 7: Write actual get function in the service. Before that, please remember, I am running my independent Angular code in SP context. Hence, I am declaring
While I was creating my first react app, I faced the following problem... Error: EPERM: operation not permitted, mkdir 'C:\Users\Vighnesh' Actually, in my current laptop, my username has a space in between "Vighnesh Bendre". Hence, when I run following command, I get the error. C:\Users\Vighnesh Bendre\github-finder> npx create-react-app . The best solution I found was here . It goes like this... Step 1. Run "npm config edit". This will open a notepad with commented text, 2. Find "cache". Mine looked like this... ; cache=C:\Users\Vighnesh Bendre\AppData\Roaming\npm-cache 3. Change it to remove the space & shorter version of folder name. cache=C:\Users\VIGHNE~1\AppData\Roaming\npm-cache 4. If you want to know the shorter version of the folder name, then use "dir /x" in cmd prompt. 5. And dont forget to remove the ';', 6. Once you save & close this file, then run "npx create-react-app .&