Saturday, February 14, 2015

SharePoint 2013/2010 - Basic Static Tabs

In order to display webparts or iFrame in tabs, paste the code in content editor and link the files.

<link href="/css/tabcontent.css" rel="stylesheet" type="text/css"/>
<script src="/js/tabcontent.js" type="text/javascript"></script>

<ul class="tabs" data-persist="true">
   <li class="selected">
      <a href="#view1" targetid="view1" targetid="view1">Tab1 </a></li>
      <a href="#view2" targetid="view2" targetid="view2">Tab 2</a></li>
<div class="tabcontents">
   <div id="view1" style="display: block">content 1 </div>
   <div id="view2" style="display: none">content 2 </div>

CSS and JS file

Happy Browsing!

No comments:

Post a Comment