Versions Compared

Key

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

[ Image Removed |../../index.htm#lansa/wamengb8_0235.htm]
You are here:

...

 

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="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>
 
[ Image Removed |../../index.htm#lansa/wamengb8_0235.htm]