WebTools branding banner, with hammer and wrench tools in background

Tab Panel

As featured on:

View Sample

Instructions

  1. Download the Tab Panel (zip)

Zip file includes:

  • tabpanel.html
  • instructions_tabpanel.txt
  • CSS folder (1 file)
  • JavaScript folder (1 file)
  1. Copy the contents of the css and javascript folders to the corresponding folders of your site.
  2. Copy the HTML code from tabpanel.html to your webpage where you want the tabpanel to appear.

    Customize the tabpanel with your own content.
  3. Copy these lines to the head of your webpages. They should appear after the link to scripts.js.

<link rel="stylesheet" href="/css/tabpanel.css" media="screen, projection, print, tv" type="text/css" />
<script type="text/javascript" src="/javascript/tabpanel.js"></script>