{"id":6566,"date":"2017-03-14T15:00:00","date_gmt":"2017-03-14T15:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/premier_developer\/?p=6566"},"modified":"2019-02-14T20:23:57","modified_gmt":"2019-02-15T03:23:57","slug":"implementing-managed-tabbed-navigation-with-sharepoint-part-1","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/implementing-managed-tabbed-navigation-with-sharepoint-part-1\/","title":{"rendered":"Implementing Managed Tabbed Navigation with SharePoint \u2013 Part 1"},"content":{"rendered":"<p>Premier Developer Consultant <a target=\"_blank\" href=\"https:\/\/social.msdn.microsoft.com\/profile\/Brian+Gregor\">Brian Gregor<\/a> kicks off a new 3 part series with this overview on implementing Tabbed Navigation with SharePoint.<\/p>\n<hr \/>\n<p>Recently, I changed roles and have more opportunity to work in areas that have more of a development slant to them. One of my customers recently wanted to convert their Intranet portal into a more friendly navigation experience on SharePoint 2013. They also want it to be responsive, but we\u2019ll tackle that later.<\/p>\n<p>I\u2019m going to break this post up into a series of posts due to the length and number of topics:<\/p>\n<p><strong>Part 1<\/strong> \u2013 Basic overview of implementing Tabbed Navigation with SharePoint<\/p>\n<p><strong>Part 2<\/strong> \u2013 Investigation into the necessary CSS classes and HTML structure for Tabbed Navigation<\/p>\n<p><strong>Part 3<\/strong> \u2013 Explanation of the JavaScript to render the HTML from part 2<\/p>\n<p>So in my discussions with the customer we arrived at a decision that they would be using Managed Navigation and they wanted it to be in a tabbed format similar to this:<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/31\/2019\/04\/image227.png\"><img decoding=\"async\" width=\"626\" height=\"100\" title=\"image\" class=\"aligncenter\" style=\"float: none;margin-left: auto;margin-right: auto\" alt=\"image\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/31\/2019\/04\/image_thumb206.png\" border=\"0\" \/><\/a><\/p>\n<p><a target=\"_blank\" href=\"https:\/\/blogs.msdn.microsoft.com\/briangre\/2017\/02\/13\/implementing-managed-tabbed-navigation-with-sharepoint\/\">Continue reading on Brian\u2019s blog\u2026<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Premier Developer Consultant Brian Gregor kicks off a new 3 part series with this overview on implementing Tabbed Navigation with SharePoint. Recently, I changed roles and have more opportunity to work in areas that have more of a development slant to them. One of my customers recently wanted to convert their Intranet portal into a [&hellip;]<\/p>\n","protected":false},"author":581,"featured_media":37840,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[167,281,335],"class_list":["post-6566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-permierdev","tag-brian-gregor","tag-navigation","tag-sharepoint"],"acf":[],"blog_post_summary":"<p>Premier Developer Consultant Brian Gregor kicks off a new 3 part series with this overview on implementing Tabbed Navigation with SharePoint. Recently, I changed roles and have more opportunity to work in areas that have more of a development slant to them. One of my customers recently wanted to convert their Intranet portal into a [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/6566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=6566"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/6566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/37840"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=6566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=6566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=6566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}