NuiBasicList

Abstract

nuiBasicList is a versatile way to create generic "media lists" (meaning a list with an image to left and text to the right). It supports both DIV and UL markup.

It is suitable for most kinds of lists.

Basic classes

.pane - generic list item .imageHolder - holder on left side, can contain any HTML content such as images, video and text .contentHolder - holder on right side, can contain any HTML content such as images, video and text

Construction

nuiBasicList can be constructed with the nuiBuilder.

Skeleton markup of a nuiBasicList with two panes

<ul class="nuiBasicList t1 skin2">
  <li class="pane">
    <div class="imageHolder">
      <!- place image tag here ->
    </div>
    <div class="contentHolder">      
        <!- place content here ->    
    </div>
  </li>
  <li class="pane">
    <div class="imageHolder">
      <!- place image tag here ->
    </div>
    <div class="contentHolder">      
        <!- place content here ->    
    </div>
  </li>
</ul>

External Methods

NONE