alexander taranov. right slicing for drupal = painless teming
TRANSCRIPT
VIEWS
● Unformatted list● HTML list● Grid● Table
VIEWS UNFORMATTED LIST
<div class="view-id-... view-display-id-... "> <div class="view-content"> <div class="views-row views-row-1 views-row-odd"></div> <div class="views-row views-row-2 views-row-even"></div> <div class="views-row views-row-3 views-row-odd"></div> </div></div>
VIEWS HTML LIST
<div class="view view-ulli view-id-... view-display-id-... "> <div class="view-content"> <div class="item-list”>
<ul> <li class="views-row views-row-1 views-row-odd"></li>
<li class="views-row views-row-2 views-row-even"></li> <li class="views-row views-row-3 views-row-odd"></li>
</ul> </div> </div</div>
VIEWS GRID
<div class=”view view-grid view-id-grid view-display-id-page”> <div class=”view-content”> <table class=”views-view-grid cols-4”> <tr class=”row-1”> <td class=”col-1”> <td class=”col-2”> <td class=”col-3”> </tr> </table> </div><div>
VIEWS TABLE
<div class=”view view-table view-id-table view-display-id-pag”> <div class=”view-content”> <table class=”views-view-grid cols-2”> <tr class=”odd”> <td class=”views-field”> <td class=”views-field”> ... </tr> <tr class=”even”> </table> </div><div>
PAGER
<ul class="pager">
<li class="pager-current first">1</li>
<li class="pager-item">
<a title="..." href="#">2</a>
</li>
<li class="pager-item">
<a title="..." href="#">3</a>
</li>
</ul>
<div class="menu">
<ul>
<li><a href="/...">...</a></li>
<li><a href="/...">...</a></li>
<li><a href="/...">...</a></li>
</ul>
</div>
MENU
Form
<form> <div> <div class="form-item">...</div> <div class="form-item">...</div> <div class="form-item">...</div> <input type="submit"
id="edit-submit" class="form-submit" />
</div></form>
FORM ITEM
FORM ITEM
<input class="form-text" type="text">
<input type="checkbox" class="form-checkbox" />
<input type="radio" class="form-radio" />
<select class="form-select" …
<input type="file" class="form-file" />
<input class="form-submit" type="submit">
<textarea class="form-textarea" …