{"id":434,"date":"2016-03-16T13:40:03","date_gmt":"2016-03-16T13:40:03","guid":{"rendered":"https:\/\/www.sharepoint13.org\/?p=434"},"modified":"2016-03-16T16:53:47","modified_gmt":"2016-03-16T16:53:47","slug":"office365-folder-navigation","status":"publish","type":"post","link":"https:\/\/www.sharepoint13.org\/?p=434","title":{"rendered":"Office365 Folder Navigation"},"content":{"rendered":"<p>Today I implemented full Folder Navigation in Office365<\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-2.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-2.png\" width=\"496\" height=\"203\" \/><\/a><\/p>\n<p>&#160;<\/p>\n<p>I found this <a href=\"https:\/\/code.msdn.microsoft.com\/office\/SharePoint-2013-Folder-661709eb\" target=\"_blank\">sample code<\/a> from Office Developer Center by <a href=\"https:\/\/social.msdn.microsoft.com\/Profile\/sohel%20rana\" target=\"_blank\">mr. Sohel Rana<\/a> and it worked like a charm.<\/p>\n<p>The guick step by step guide:<\/p>\n<p>1: <a href=\"https:\/\/code.msdn.microsoft.com\/office\/SharePoint-2013-Folder-661709eb\/file\/125600\/3\/SharePoint%202013%20Folder%20Navigation%20for%20List%20View%20WebPart.zip\" target=\"_blank\">Download files<\/a> (and unzip .. d\u00f8h..<img decoding=\"async\" class=\"wlEmoticon wlEmoticon-smile\" style=\"border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none\" alt=\"Smile\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/wlEmoticon-smile.png\" \/>)     <br \/>2: Navigate to Site settings \u2013&gt; SiteCollections MasterPage Gallery \u2013&gt; and upload New Document \u2013 Javascipt Display Template     <br \/><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-3.png\" width=\"134\" height=\"266\" \/><\/a><\/p>\n<p>3: In form upload the foldernavigation.js extracted file from step1<\/p>\n<p>and fill inn *data accordingly.<\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-4.png\" width=\"280\" height=\"262\" \/><\/a><\/p>\n<p>4: Add <strong>~siteCollection\/_catalogs\/masterpage\/FolderNavigation.js<\/strong> in the JS Link section on any web-part in any subsite in your SiteCollection<\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-5.png\" width=\"203\" height=\"368\" \/><\/a><\/p>\n<p>Now you got that nice breadcrumb view for Folder Navigation <img decoding=\"async\" class=\"wlEmoticon wlEmoticon-smile\" style=\"border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none\" alt=\"Smile\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/wlEmoticon-smile.png\" \/><\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-6.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-6.png\" width=\"386\" height=\"147\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I implemented full Folder Navigation in Office365 &#160; I found this sample code from Office Developer Center by mr. Sohel Rana and it worked like a charm. The guick step by step guide: 1:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,6],"tags":[46],"class_list":["post-434","post","type-post","status-publish","format-standard","hentry","category-office365","category-tip","tag-office365"],"_links":{"self":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=434"}],"version-history":[{"count":4,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/434\/revisions\/438"}],"wp:attachment":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}