The following sample design was used to retrofit Couch in it.
download (1).png
download (1).png (6.89 KiB) Viewed 787 times


Code: Select all
<cms:pages ......>
  ... rest of your pages code here ...                     
    <cms:if k_paginator_required >
      <cms:if k_paginated_bottom>
     
        <!-- Pagination -->
        <div class="panel panel-flat">
            <div class="panel-footer">
                <div class="heading-elements">
                    <span class="heading-text text-semibold">Pagination:&emsp;<cms:show k_total_records /> Companies Found.</span>
                    <ul class="pagination pagination-flat pagination-xs pull-right">
                     <cms:paginator adjacents='1'>
                      <cms:if k_crumb_type='prev' ><li><a href="<cms:show k_crumb_link />">←</a></li></cms:if>
                      <cms:if k_crumb_type='page' ><li <cms:if k_crumb_current >class="active"</cms:if> ><a href="<cms:show k_crumb_link />"><cms:show k_crumb_text /></a></li></cms:if>
                      <cms:if k_crumb_type='next' ><li><a href="<cms:show k_crumb_link />">→</a></li></cms:if>
                     </cms:paginator>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /pagination -->                 
                         
      </cms:if>
    </cms:if>


The code above will fit in most types of common bootstrap design :)
It uses cms:paginator tag, as paired tag, instead of default one.
k_crumb_type, k_crumb_link, k_crumb_text are dynamically changing.
More details about the variables set, can be seen with cms:dump.
Code: Select all
<cms:paginator >
   <cms:dump />
</cms:paginator>

The essense of the solution is withing cms:paginator block
Code: Select all
<cms:paginator adjacents='1'>
    <cms:if k_crumb_type='prev' ><li><a href="<cms:show k_crumb_link />">←</a></li></cms:if>
     <cms:if k_crumb_type='page' ><li <cms:if k_crumb_current >class="active"</cms:if> ><a href="<cms:show k_crumb_link />"><cms:show k_crumb_text /></a></li></cms:if>
     <cms:if k_crumb_type='next' ><li><a href="<cms:show k_crumb_link />">→</a></li></cms:if>
</cms:paginator>


I haven't found any similar snippet with "k_crumb_link" and share it to save some time.