Change Pager on Page

Learn how to control and change the pager on a view.

We’ll cover the following:

• How to switch pagers, i.e., mini and full.
• How to change the number of items displayed in the view.

Transcript

Trainer (00:00):
Then from the pager section, we can configure how many items will be displayed per page. And also we can switch on a pager. Currently, a mini pager is used. And if you scroll all the way down to the bottom, you can see what the mini pager looks like. It just tells you which page you are on and it has a next button and it also has a previous button if there is a previous page. But if we switch to the full pager, so let’s go ahead and do that, and scroll all the way back down, the full pager shows you all of the pages in the view. So users can jump to specific pages. And if you want to change the number of items per page, all you need to do is scroll all the way back up, click on Paged, and then change the items per page option. Currently it is set to 10, but you may want to change it to 20, 50, or even 100.

Trainer (00:59):
Now that we have finished configuring this view, let’s save it and give it a test. So to save the view, click on the save button and open up a new tab and go to latest articles. So here’s the view that we just created. We have the page title, which is Latest articles, and we also have 10 articles being displayed on this page each with a title, image, a trimmed version of the body field, tags, and also the created date. And if we scroll all the way down, we can see our full pager down at the bottom. Congratulations, you have now created your first view. Of course, it needs a bit of styling, but you saw just how easy it was to create a page, add filters and add fields to the view. And we did all of it without writing any custom code.