I am working on creating a portal for a project on Sharepoint online. I have a contact list web part and I want to display the list of people working on/related to the project in the form of their business cards as displayed on Skype for Business. This Business card will include the picture, name and job title of the individual. I looked online for some resources to help me with this but the procedure they suggested did not work for me either because they were demonstrating it for the older version of Sharepoint(2010) or it might be because I am missing out on something.

I would be grateful if anyone could help me with this or point me in the direction of the right procedure/resource to follow.

P.S I am a Sharepoint newbie. This is my first project on Sharepoint


I don't think you can achieve this OOTB you will have to write custom code.

  1. You can use the Office UI PersonaCard. You can follow the steps and copy the html and scripts required.

  2. Get data from your contact list which can be obtained through a REST API endpoint. Here is the sample code.

$( document ).ready(function() {
    url: _spPageContextInfo.webAbsoluteUrl  + "/_api/Web/Lists/getByTitle('YourContactList')/items?$select=Title,FirstName,Email,Company,OtherFieldsAsRequired",
    method: "GET",
    headers: { "Accept": "application/json; odata=verbose" },
    success: function (data) {     
    // Bind HTML with Data Here

    error: function(data) {
     // Handle Error Here    

enter image description here

More Information about the Office UI Fabric and SharePoint REST API

  • Thank you for the answer. I have put this idea to implement the business card on hold as of now but I appreciate your help :) – username0594 Jul 20 '17 at 23:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.