• Free Textbox: AADeveloperHTML Tab One
  • Free Textbox: AADeveloperHTML Tab Two
  • Free Textbox: AADeveloperHTML Tab Three

This is a snippet that you use to create your HTML Tabs:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

   <div class="TabbedPanels" id="BlissTabs">
      <ul class="TabbedPanelsTabGroup">
         <li class="TabbedPanelsTab" ><font size="4"><img alt="Free Textbox: AADeveloper" 
               src="images/aadeveloperIcon.png" style="width: 32px; height: 22px" />HTML Tab One </font>
         </li>
         <li class="TabbedPanelsTab" ><font size="4"><img alt="Free Textbox: AADeveloper" 
               src="images/aadeveloperIcon.png" style="width: 32px; height: 22px" />HTML Tab Two </font>
         </li>
         <li class="TabbedPanelsTab" ><font size="4"><img alt="Free Textbox: AADeveloper" 
               src="images/aadeveloperIcon.png" style="width: 32px; height: 22px" />HTML Tab Three </font>
         </li>
      </ul>
      <div class="TabbedPanelsContentGroup">
         <div class="TabbedPanelsContent">
         </div>
         <div class="TabbedPanelsContent">
         </div>
         <div class="TabbedPanelsContent">
         </div>
      </div>
   </div>

   <script type="text/javascript">
   <!--
      var TabbedPanels1 = new Spry.Widget.TabbedPanels("BlissTabs");
   //-->
   </script>

</asp:Content>

You will need to add the Spry Assets to the head of the master page or web page.

   <script src="SpryAssets/BlissTabbedPanels.js" type="text/javascript"></script>

   <link href="SpryAssets/BlissTabbedPanels.css" rel="stylesheet" type="text/css" />

Free Textbox: AADeveloper

HTML Tab Three