Page History

<form class="basic-form">
&nbsp;&nbsp;<table class="basic-table \[hover-bar \| dark-grid \| light-grid\]">
&nbsp;&nbsp;&nbsp;&nbsp;<tr> \| <tr class="header-row \| alternate-row">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td> \| <td class="group-label \| label"></td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td><a class="smallSubmit"></a></td>
&nbsp;&nbsp;&nbsp;&nbsp;</tr>
&nbsp;&nbsp;</table>
</form>

\[Show » \] Adrian Crum \[23/Feb/07 12:06 AM\] OFBiz maincss.css HTML Element Collection Styles  This document describes the new CSS classes and the HTML element collections (or compounds) that they style.  Note: \[\] = style decorators.  masthead:  <div id="masthead"> &nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li> \| <li class="logo-area \| control-area">Masthead Content</li> &nbsp;&nbsp;</ul> </div>  main-navigation:  <div id="main-navigation"> &nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li> \| <li class="disabled \| selected">Menu Item</li> &nbsp;&nbsp;</ul> </div>  app-navigation:  <div id="app-navigation"> &nbsp;&nbsp;<h1 \| h2 \| h3>Application Title</h1 \| h2 \| h3> &nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li> \| <li class="disabled \| selected \| opposite">Menu Item</li> &nbsp;&nbsp;</ul> </div>  screenlet-title-bar:  <div class="screenlet-title-bar"> &nbsp;&nbsp;<\!-\- No menu \--> &nbsp;&nbsp;<h1 \| h2 \| h3>Screenlet Title</h1 \| h2 \| h3> </div>  <div class="screenlet-title-bar"> &nbsp;&nbsp;<\!-\- With menu \--> &nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<h1 \| h2 \| h3>Screenlet Title</h1 \| h2 \| h3> &nbsp;&nbsp;&nbsp;&nbsp;<li> \| <li class="disabled">Menu Item</li> &nbsp;&nbsp;</ul> </div>  button-bar:  <div class="button-bar \[button-style-1 \| button-style-2 \| tool-bar\]"> &nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li> \| <li class="selected">Menu Item</li> &nbsp;&nbsp;</ul> </div>  basic-table:  <table class="basic-table \[hover-bar \| dark-grid \| light-grid\]"> &nbsp;&nbsp;<tr> \| <tr class="header-row \| alternate-row"> &nbsp;&nbsp;&nbsp;&nbsp;<td> \| <td class="button-col \| group-label \| label"></td> &nbsp;&nbsp;</tr> </table>  basic-tree:  <ul class="basic-tree"> &nbsp;&nbsp;<li> \| <li class="collapsed \| expanded">Tree Item</li> &nbsp;&nbsp;<li> &nbsp;&nbsp;&nbsp;&nbsp;<ul class="basic-tree"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;... &nbsp;&nbsp;&nbsp;&nbsp;</ul> &nbsp;&nbsp;</li> </ul>  basic-form:  <form class="basic-form"> &nbsp;&nbsp;<table class="basic-table \[hover-bar \| dark-grid \| light-grid\]"> &nbsp;&nbsp;&nbsp;&nbsp;<tr> \| <tr class="header-row \| alternate-row"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td> \| <td class="group-label \| label"></td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td><a class="smallSubmit"></a></td> &nbsp;&nbsp;&nbsp;&nbsp;</tr> &nbsp;&nbsp;</table> </form>