In my last blog post around the SharePoint (PnP) starter kit, I wrote about a search issue within this web part. I also wrote I advanced the initial people directory web part in order to display more information about a user using a Fabric UI React Callout.

When I shared my blog post on Twitter Mikael Svenson got back to me that he would like to see the hover as a PR.

Screen Shot 2018-09-03 at 14.39.15


So after coming back from vacation I decided to contribute the enhancement I made on the People directory web part. The contribution consist of some other (small) things too, we experienced using the web part at a customer. First, of course the issue with search I initially had and described in my previous blog post. Second the Callout functionality showing more information about a user. Third a little issue with the responsiveness of Index navigation component of the People directory web part (the A-Z index option). When on smaller screen the A-Z index wasn’t nicely put on more then one line. So a small adjustment to the SASS/CSS was enough to make this happen.

Screen Shot 2018-09-03 at 14.59.33
A-Z index responsiveness

I created a PR for this in the GitHub repository and I am awaiting for this PR to be added to the new version of the starter kit.

I hope you feel this as a good addition to the People directory web part. Please let me know what you think about it!

Sharing is caring!