SharePoint 2013 - Lync Presence Indicators

Con SharePoint 2013 abbiamo a disposizione diverse tipologie di “Lync presence indicators”, che ci permettono di visualizzare la presenza “on-line” di un contatto, il nome utente o la foto.

La tabella seguente mostra un riepilogo delle possibilità che abbiamo:

Render Mode

User status

User name

User picture

DefaultRender

Si

Si

No

WithPicture

Si

Si

Si

WithPictureDetails

Si

Si

Si

PictureOnly

Si

No

Si

PresenceOnly

Si

No

No

 

Se vogliamo inserire un “Lync presence indicator” in una nostra web-part, possiamo inserire questi “snippets” in base al tipo di “render” che vogliamo mostrare:

DefaultRender

<span>

    <span class='ms-imnSpan'>

        <a href='#' onclick='IMNImageOnClick(event);return false;' 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?rev=23' alt='User Presence' sip='dptest@live.it' id='imn_1,type=sip' />

        </span>

        </a>

    </span>

    <span>

        <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>

        <img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='Us  er Presence' sip='dptest@live.it' id='imn_2,type=sip' /></a>Daniele Proietti

    </span>

</span>

 

WithPicture

<div>

    <div>

        <span>

            <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='Img1' /></a>

            <span>

                <img style="width:62px; height:62px; border:none" src="http://blogs.ugidotnet.org/dproietti" alt="dp" />

            </span>

        </span>

    </div>

    <div class="ms-floatLeft ms-descriptiontext">

        <span class="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">

            <span class='ms-imnSpan'>

                <a href='#' onclick='IMNImageOnClick(event);return false;' 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?rev=23' alt='User Presence' sip='dptest@live.it' id='Img2' />

                    </span>

                </a>

            </span>

            <span class="ms-noWrap ms-imnSpan">

                <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>

                    <img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='imn_3,type=sip' />

                </a>Daniele Proietti

            </span>

        </span>

    </div>

</div>

 

WithPictureDetails

<div>

    <div class="ms-tableRow">

        <div>

            <span class='ms-imnSpan'>

                <a href='#' onclick='IMNImageOnClick(event);return false;' 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?rev=23' alt='User Presence' sip='dptest@live.it' id='imn_661,type=sip' /></span>

                </a>

            </span>

        </div>

        <div class="ms-tableCell ms-verticalAlignTop">

            <div class="ms-peopleux-userImgDiv">

                <span class="ms-imnSpan">

                    <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>

                        <img name='imnmark' title='' ShowOfflinePawn='1' class='ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='imn_3452,type=sip' />

                    </a>

                    <span>

                        <img style="width:62px; height:62px; border:none" src="http://blogs.ugidotnet.org/dproietti" alt="dp" />

                    </span>

                </span>

            </div>

        </div>

        <div class="ms-tableCell ms-peopleux-userdetails ms-noList">

            <ul style="max-width:150px">

                <li>

                    <div class="ms-noWrap">

                        <span>

                            <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>

                                <img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='imn_34523,type=sip' />

                            </a>Daniele Proietti

                        </span>

                    </div>

                </li>

            </ul>

        </div>

    </div>

</div>

 

PictureOnly

<div>

    <div>

        <div class="ms-tableCell">

            <span class='ms-imnSpan'>

                <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-prese  nceLink' >

                    <span class='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'>

                        <img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='Img4' />

                    </span>

                </a>

            </span>

        </div>

        <div class="ms-tableCell ms-verticalAlignTop">

            <div class="ms-peopleux-userImgDiv">

                <span class="ms-imnSpan">

                    <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>

                        <img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='dptest@live.it' id='Img5' />

                    </a>

                    <span class="ms-peopleux-imgUserLink">

                        <span class="ms-peopleux-userImgWrapper" style="width:72px; height:72px">

                            <img style="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px" src="http://blogs.ugidotnet.org/dproietti" alt="dp" />

                        </span>

                    </span>

                </span>

            </div>

        </div>

    </div>

</div>

 

PresenceOnly

<span class='ms-imnSpan'>

    <a href='#' onclick='IMNImageOnClick(event);return false;' 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?rev=23' alt='User Presence' sip='dptest@live.it' id='Img3' />

        </span>

    </a>

</span>

  

Technorati Tags:
«luglio»
domlunmarmergiovensab
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910