The below code will will tell you how to Get the entire Site Structure in SharePoint Online using SharePoint Online Management Shell Get all Sub Sites from Site Collection (Title and URL) Get All Lists from a Site (Title and Item Count) This is a working code for Office 365 Do make sure you install Read more about Get the entire Site Structure in SharePoint Online using Powershell[…]
Now in SharePoint, the videos are actually stored as Document Sets . And you cannot follow a Document Set. Which is why you do not get the option to follow a video. The following content types can be followed : User Document Site Tag Now we can follow a Document Set using JavaScript based on Read more about Follow a Video in SharePoint[…]
This post will explain you how to Get All Sites and Sub Sites using REST Api in SharePoint Online In order to get the list of sub sites from a site we need to call the below URL:
|
1 |
/_api/site/rootWeb/webinfos |
Now to get the entire site structure we will need to loop every site to see Read more about Get All Sites and Sub Sites using REST API[…]
Event Timeline are Events are taken from the Calendar List and displayed in a more intuitive manner. I have used the timeline script from the below URL: http://tympanus.net/codrops/2012/11/19/responsive-css-timeline-with-3d-effect/ I have added an extra column to store the image URL. Code: timeline
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="/reusablecomponentsbyjoel/SiteAssets/Timeline/css/style123.css" /> <script type="text/javascript" src="/reusablecomponentsbyjoel/SiteAssets/Timeline/js/modernizr.custom.63 321.js" defer="defer"></script> <script type="text/javascript"> $.ajax({ url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('Events')/items?$orderby=EventDate%20asc", method: "GET", headers: { "Accept": "application/json; odata=verbose" }, success: function(events) { var html=""; $.each(events.d.results, function() { html+= "<li class='event'><input type='radio' name='tl-group'/><label></label><div style='backgroundimage:url("+this.ImageURL.Url+")' class='thumb'><span>"+this.Location+"</span></div><div class='contentperspective'><div class='content'><div class='contentinner'><h3>"+this.Title+"</h3><p>"+this.Description+"</p></div></div></di v></li>"; }); $('.timeline').append(html); }, error: function(events) { } }); </script> </head> <body> <div class="container" style="background-color:#c2edf4"> <header class="clearfix"> <h2>Event Timeline <span>List of events this year</span></h2> <div class="support-note"> <span class="note-ie">Sorry, only modern browsers.</span> </div> </header> <section class="main"> <ul class="timeline"> </ul> </section> </div> <!-- /container --> </body> </html> |
List: Timeline: