Definition | A tab is a hidden content area that is activated via a menu. |
Code |
to clipboard
<!-- tabstrip --> <table class='tabstrip'> <tr> <td id='tabfirst' class='tabactive' onclick='S10ActivateTab(this);'> First </td> <td id='tabsecond' class='tab' onclick='S10ActivateTab(this);'> Second </td> <td id='tabthird' class='tab' onclick='S10ActivateTab(this);'> Third </td> </tr> </table> <!-- Content area of first tab --> <div class="tabpageactive" id="tabfirst.area"> ... </div> <!-- Content area of second tab --> <div class="tabpage" id="tabsecond.area"> ... </div> <!-- Content area of third tab --> <div class="tabpage" id="tabthird.area"> ... </div> |
Example |
|
Component | S10 Framework |