Pagination

Contents

Numbered

Original HTML is available in js/apps/common/templates/paginator.hbs.

<div class="pagination">
  <a href="#" data-page="" class="prevNext" title="Previous Page">previous</a>
  <span class="prevNext">previous</span>
  <a href="#" data-page="" class="active disabled">1</a>
  <a href="#" data-page="">2</a>
  <a href="#" data-page="">3</a>
  <a href="#" data-page="">4</a>
  <a href="#" data-page="">5</a>
  <a href="#" data-page="" class="prevNext" title="Next Page">next</a>
  <span class="prevNext">next</span>
</div><!--/pagination-->

Arrow-only pager

By default, this list is floated/aligned to the right.

<section class="pager">
  <a href="#" class="prev" title="Previous Conversation"><i class="icon-caret-left"></i></a>
  <a href="#" class="next" title="Next Conversation"><i class="icon-caret-right"></i></a>
</section>