How to Create Fancy Pagers in your Drupal Views with Pagerer

The Pagerer module provides additional preset styles for Drupal standard pages and Views. It is a very simple module with styling options for everyone.

In this tutorial, you will learn how to add a pager to a View with Pagerer. Let's get started.

Download the Pagerer module from its page at Drupal.org site. Install and enable it.

Step #1. Configure the module

• Click Configuration > User Interface > Pagerer
• Click the Add pager button

• Create a name for the pager you’re creating
• Click Create

You’ll be presented with a configuration screen with multiple options.

• The Panes dictates the position of the pager within the screen
• The Style option defines the style of the pager itself
• Experiment with these options in order to see how each pager looks in the PAGER PREVIEW

• Once you selected a style for your pager, click the Configure button.

You’ll see a page with multiple configuration options, for example:

• Prefix and suffix labels
• The description and help texts
• The width of the slider
• Choose your preferred options and click Save

• Click Save once again until you see the Pagerer page. You will see your newly created pager as an option.
• Select it and click Save Configuration

Step #2. Add the pager to your View

• Go to the Views interface
• Click the Pager option
• Select Paged output, Pagerer
• Click Apply

Your recently created pager will be selected by default

• Click Apply once again

• Save the View
• Click View Page

• Now scroll down and take a look at your “fancy” pager.

If you are managing large sets of data, this module is a must-have.

Don’t forget to leave your questions, comments, and thoughts below. Thanks for reading!

About the author

Jorge lived in Ecuador and Germany. Now he is back to his homeland Colombia. He spends his time translating from English and German to Spanish. He enjoys playing with Drupal and other Open Source Content Management Systems and technologies.