Posts

Showing posts from December, 2018

SharePoint Online Live Persona Card in Custom WebPart

Image
How to display HoverCard like SharePoint Online People WebPart in Custom WebPart. I have created sample solution and explained the implementation below. SPFxLivePersonaCard -  https://github.com/Anil-Lakhagoudar/SPFxLivePersonaCard I was trying to display the People HoverCard like SharePoint SPFx People WebPart in Custom WebPart where people data can be read from list or WebPart Property. After spending some time found that there is React component module created for Live Persona card like Hover card of Office UI Fabric Components. And SharePoint SPFx framework provides client side API to load components by Id. SharePoint SPFx Live Persona card module can be configured run-time in the custom WebPart to display Persona card. Use the SPFx  SPComponentLoader   module to load the component by Id. Find the component Id of the Live Persona Card module and use the method " loadComponentById " to load the LPC component run-time. Example - SPComponentLoader.loadCompon