Is there any way to incorporate lync 2013 presense in to the

by Nicholas Ang » Wed Nov 12, 2014 3:21 pm

I tried the steps with from http://www.sharepointcolumn.com/lync-pr ... oint-2013/ . It doesn’t work.
Then i tried with http://blogs.msdn.com/b/tomholl/archive ... ug-in.aspx and it doesn’t work as the custom javascript section doesn’t load the functions properly.

Do let me know what are my options?
Nicholas Ang
 

by Anton Khritonenkov » Wed Nov 12, 2014 3:23 pm

Nicholas Ang wrote:I tried the steps with from http://www.sharepointcolumn.com/lync-pr ... oint-2013/ . It doesn’t work.
Then i tried with http://blogs.msdn.com/b/tomholl/archive ... ug-in.aspx and it doesn’t work as the custom javascript section doesn’t load the functions properly.

Do let me know what are my options?


Hi Nicholas,

Currently Org Chart doesn’t support presence from the box. For now you have two options:

- To customize HTML template of Org Chart box and to to inject JavaScript to support presence by yourself. Please read description of HTML templating and JavaScript framework.

- To order our pro support. We can develop HTML template and JavaScript helper for you with instructions how to use it. It will take about 100 support minutes ($100). Please contact support@plumsail.com to request this functionality.
User avatar
Anton Khritonenkov
 
Posts: 216
Joined: Wed Nov 12, 2014 1:33 pm

by Anton Khritonenkov » Wed Feb 11, 2015 11:45 am

Hi Nicholas,

We received more requests about this functionality and decided to prepare some snippet to display presence indicators.

I prepared snippet for tooltip template which allows to display presence inside tooltip. For me it looks like this:

2-11-2015 1-49-21 PM.png
2-11-2015 1-49-21 PM.png (35.84 KiB) Viewed 2585 times


You can customize HTML templates for boxes, tooltips and search results. See the documentation for more information.

You can use this code snippet even in box template. I will describe how it works but you can use it as is without modificaitons, just copy paste to your HTML template.

Code: Select all
<span class="ms-imnSpan">
      <a href="#" class="ms-imnlink ms-spimn-presenceLink">
        <span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10">
          <img name="imnmark" title="" showofflinepawn="1" class="ms-spimn-img ms-spimn-presence-disconnected-10x10x32" src="/_layouts/15/images/spimn.png" alt="Offline" sip="{{SPS-SipAddress}}" id="imn_1,type=sip">
        </span>
      </a>
    </span>
    <span class="ms-noWrap ms-imnSpan">
      <a href="#" class="ms-imnlink" tabindex="-1">
        <img name="imnmark" title="" showofflinepawn="1" class="ms-hide" src="/_layouts/15/images/spimn.png" alt="No presence information" sip="{{SPS-SipAddress}}" id="imn_4,type=sip">
      </a>
      <a class="ms-subtleLink" href="{{PersonalURL}}">
        {{PreferredName}}
      </a>
    </span>


As you see it takes SPS-SipAddress field from user profile. It is inserted by token {{SPS-SipAddress}} into template. It is a Lync ID of employee required for displaying presence. So, this field has to be filled in profile or synced with Active Directory (this is out of the box SharePoint functionality).

I will show how to embed it into tooltip template. If you didn’t modify tooltip template previously you can just copy and paste this HTML to template editor.

Code: Select all
<div class="pl-item-photo">
  {{#if PictureURL}}
  {{#if PersonalURL}}
  <a href="{{PersonalURL}}" target="_blank">
    {{safeImage PictureURL}}
  </a>
  {{else}}
  {{safeImage PictureURL}}
  {{/if}}
  {{/if}}
</div>
<div class="pl-item-fields">
  <div class="field-container header-field">
    <span class="ms-imnSpan">
      <a href="#" class="ms-imnlink ms-spimn-presenceLink">
        <span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10">
          <img name="imnmark" title="" showofflinepawn="1" class="ms-spimn-img ms-spimn-presence-disconnected-10x10x32" src="/_layouts/15/images/spimn.png" alt="Offline" sip="{{SPS-SipAddress}}" id="imn_1,type=sip">
        </span>
      </a>
    </span>
    <span class="ms-noWrap ms-imnSpan">
      <a href="#" class="ms-imnlink" tabindex="-1">
        <img name="imnmark" title="" showofflinepawn="1" class="ms-hide" src="/_layouts/15/images/spimn.png" alt="No presence information" sip="{{SPS-SipAddress}}" id="imn_4,type=sip">
      </a>
      <a class="ms-subtleLink" href="{{PersonalURL}}">
        {{PreferredName}}
      </a>
    </span>
  </div>
  <div class="field-container ">
    {{Title}}
  </div>
  <div class="field-container ">
    {{Department}}
  </div>
  <div class="field-container ">
    <a href="mailto:{{WorkEmail}}">{{WorkEmail}}</a>
  </div>
  <div class="field-container ">
    {{WorkPhone}}
  </div>
  <div class="field-container ">
    {{Office}}
  </div>
  {{#if PersonalURL}}
  <div class="personal-page-link">
    <a href="{{PersonalURL}}"
    title="Navigate to personal page"
    target="_blank">View profile</a>
  </div>
  {{/if}}
</div>


You can find the snippet which I provided earlier inside this template. This snippet renders presence indicator and name of employee with link to user profile.
User avatar
Anton Khritonenkov
 
Posts: 216
Joined: Wed Nov 12, 2014 1:33 pm

by mschaaks » Thu Nov 26, 2015 11:29 am

Hi,

I tried the template sample for Lync. However the problem is that only Lync presence seems to be working for the top person in the tree. What could be going wrong ?
issue_plumsail_orgchart_lync.PNG
issue_plumsail_orgchart_lync.PNG (30.4 KiB) Viewed 1345 times
mschaaks
 
Posts: 4
Joined: Thu Nov 26, 2015 11:22 am

by Anton Khritonenkov » Fri Nov 27, 2015 10:13 am

Hello,

Thank you for your message. We will check this on our side and I will update you on Monday.

Best regards
Anton Khritonenkov
User avatar
Anton Khritonenkov
 
Posts: 216
Joined: Wed Nov 12, 2014 1:33 pm

by Anton Khritonenkov » Wed Dec 02, 2015 12:51 pm

Hello,

We just updated our blog post with new template. Please try to use it.
User avatar
Anton Khritonenkov
 
Posts: 216
Joined: Wed Nov 12, 2014 1:33 pm


Return to Org Chart for SharePoint 2013