CakePHP 2 Slightly Better Looking than Default Pagination

Written by James McDonald

April 18, 2016

Just trying to make my pagination in CakePHP 2 better looking.

I added the first and last links but still had a radius on my previous and next links which looked odd and my ‘last >>’ link had a square end too. So a bit ugly really.

ugly_pagination

Following is an example of pagination links after I have turned off some of the classes on the next previous links to stop them rendering with corner radiuses, added a HTML entity of &rsaquo; and &lsaquo; instead of ‘<‘ and ‘>’ and &laquo; and &raquo; instead of ‘<<‘ and ‘>>’

Looks better.

pagination

 <div class="paging">
        <?php
        echo $this->Paginator->first('&laquo; first', ['escape' => false, 'class' => 'prev']);
        echo $this->Paginator->prev('&lsaquo; ' . __('previous'), array('escape' => false, 'class' => false), null, array('class' => 'prev disabled'));
        echo $this->Paginator->numbers(array('separator' => ''));
        echo $this->Paginator->next(__('next') . ' &rsaquo;', array('escape' => false, 'class' => false), null, array('class' => 'next disabled'));
        echo $this->Paginator->last('last &raquo;', ['escape' => false, 'class' => 'next']);
        ?>
 </div>

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The reCAPTCHA verification period has expired. Please reload the page.

You May Also Like…

List local disks

GET-CimInstance -query "SELECT * from Win32_DiskDrive" DeviceID Caption Partitions Size Model -------- -------...

Create ISO using Powershell

Usage New-IsoFile -NewIsoFilePath C:\tmp\Hyper-V.iso-sources -ImageName Hyper-V -SourceFilePath 'C:\tmp\Hyper-V'...