<style type="text/css"> <!-.classic #htmlout a {background-repeat:no-repeat;background-position:0% 50%;heig ht:16px;vertical-align:center;background-size:16px 16px; display:block;text-indent:20px;line-height:16px;padding:2px 2px 2px 2px} .classic #htmlout .

link0 {background-repeat:no-repeat;background-position:0% 50% ;height:32px;vertical-align:center;background-size:32px 32px; display:block;text-indent:40px;line-height:32px} .classic #htmlout h1 {margin-top:12px;clear:both} --> </style> <script src="/_layouts/15/sp.requestexecutor.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></scr ipt> <script type="text/javascript"> var headline = new Array("People","Documents","Sites"); var ActorImg = new Array("/_layouts/15/images/person.gif","/_layouts/15/images/l g_ICGEN.gif","/_layouts/15/images/siteicon_16x16.png"); function doJSON(RESTuri, success, fail) { var restUrl = _spPageContextInfo.webAbsoluteUrl + RESTuri; var executor = new SP.RequestExecutor(_spPageContextInfo.webAbsoluteUrl); executor.executeAsync( { url: restUrl, method: "GET", headers: { "Accept": "application/json; odata=verbose" }, success: success, error: fail } ); } function renderSuccess(data) { var jsonObject = JSON.parse(data.body); var n = document.getElementById('jsonout'); n.innerHTML=data.body; var results = jsonObject.d.Followed.results; var str = ''; var old = -1; var img = null; for (j=0;j<5;j++) { str += "<div class=\"container container"+j+"\">"; for (i=0;i<results.length;i++) { if (j!=results[i].ActorType) continue; if ( old != results[i].ActorType ) str += "<h1 class=\"headline"+results[i ].ActorType+"\">"+headline[results[i].ActorType]+"</h1>"; img = results[i].ImageUri; if (img==null) img=ActorImg[results[i].ActorType];

switch(results[i].ActorType) { case 0: // Use case: depending on ActorType if you want to use indiviual markup for every item-type str += "<a title=\""+results[i].Name+" \" class=\"link"+results[i].ActorType+"\" style=\"background-image:url("+img+")\ " href=\""+results[i].Uri+"\">"+results[i].Name+"</a>"; break; default: str += "<a title=\""+results[i].Name+" \" class=\"link"+results[i].ActorType+"\" style=\"background-image:url("+img+")\ " href=\""+results[i].Uri+"\">"+results[i].Name+"</a>"; break; } old = results[i].ActorType; } str +="</div>"; } n = document.getElementById('htmlout'); n.innerHTML=str+"<h1></h1>"; } function renderFail(data, errorCode, errorMessage) { n = document.getElementById('htmlout'); n.innerHTML=errorMessage; } </script> <div class="classic"> <pre id="jsonout" style="display:none;"></pre> <div id="htmlout"></div> </div> <script type="text/javascript"> doJSON("/_api/social.following/my/followed%28types=15%29",renderSuccess,renderFa il); </script>