Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The Tab Pages weblet is constructed using an HTML table. The tabs themselves are constructed using an unordered list. The HTML for a Tab Pages weblet looks something like this:
<table id      

    <table id="TabPagesName" class="std_tab_pages ui-widget">

...

       <tbody>
          <tr>
             <td class="std_tab_pages_top_tabs">

...

                <ul class="std_tab_pages_tabs">

...

                   <li class="std_tab_active">

...

                      <a onclick="return stdTabPagesTabClicked(this, 1)">Organisation</a>

...

                   </li>
                   <li>
                      <a onclick="return stdTabPagesTabClicked(this, 2)">Contact</a>

...

                   </li>
                   <li>
                      <a onclick="return stdTabPagesTabClicked(this, 3)">Employment</a>

...

                   </li>

...

                </ul>

...

             </td>

...

          </tr>

...

          <tr>
             <td class="std_tab_pages_content_wrapper">

...

                <div class="std_tab_pages_content">

...

                   Tab 1 Content
                </div>
                <div class="std_tab_pages_content" style="display:none">

...

                   Tab 2 Content
                </div>
                <div class="std_tab_pages_content" style="display:none">

...

                   Tab 3 Content
                </div>
 

...

               </td>

...

          </tr>

...

       </tbody>

...

    </table>

...