<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/js/tabify.js"></script>
<link type="text/css" rel="stylesheet" href="/css/custom-jquery-ui.css" />
<div id="tabsContainer"></div>
<script type="text/javascript">
jQuery(document).ready(function($) {
//Put 2 web parts in 2 different tabs
var webPartTitles = ["(WEBPART NAME)", "(WEBPART NAME)"];
HillbillyTabs(webPartTitles);
//Create a Tab with Two Web Parts, and a second tab with one Web Part
// var webPartTitles = ["Tab Title;#Web Part Title 1;#Web Part Title 2","Web Part Title 3"];
// HillbillyTabs(webPartTitles);
//Put all web parts (that have visible titles) in current zone into tabs
HillbillyTabs();
});
</script>
HTML Outline for creating a tabbed view of multiple webparts in SharePoint. All Webparts must have the Title displayed at least, THIS WILL NOT WORK IF THE TITLE OF THE WEBPART IS HIDDEN. Change color scheme at the link below:
http://jqueryui.com/themeroller/
More information can be found here:
http://www.markrackley.net/2015/08/16/sharepoint-tabbed-web-partshillbillytabs-3-0/
http://jqueryui.com/themeroller/
More information can be found here:
http://www.markrackley.net/2015/08/16/sharepoint-tabbed-web-partshillbillytabs-3-0/
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.