Drupal 7 Flippy Module

By shane
Sun, 2013-03-10 23:58
Daily Dose of Drupal Episode #125

Share with Others

The Drupal 7 Flippy module is a really simple module that makes it easy to flip through content on your Drupal 7 website based on the content type. For example, the Drupal Flippy module can be used to page between articles or blog posts.

In this episode you will learn:

  • How to download and configure the Drupal 7 Flippy module

Thanks to Drupalize.me for sponsoring this episode of the Daily Dose of Drupal.

Hello everyone and welcome to another Daily Dose of Drupal, today we’re on Episode Number 125. Today we’re going to be going over the Flippy Module. The Flippy Module is just a really simple module that allows you to page between specific types of content on your site so you can use it for articles or blog posts and it basically allows you to have a pager that allows you to flip through your various posts on your site.

So if you want a blog and you want to easily allow users to flip to the next blog post or the previous blog post on your Drupal website this module can help.

But before we get started as always I’m Shane Thomas, you can follow me on Twitter at smthomas3, you can also go to codekarate.com and sign up for the newsletter over here on the left and if you haven’t already check out drupalize.me. They’re today’s sponsor and they have a whole bunch of Drupal and jQuery related videos, a bunch of them are free so go ahead and check them out and if you do decide to sign up use the coupon code CK20FEB and you have a 20% off.

Let’s go ahead and get started; this one is going to be nice and quick just because it’s a very simple module but as you can see I have the 7.x-1.0 version of the Flippy Module installed. There’s not a lot of configuration for this module, you simply go into the content type that you want to enable this for and it is based on content types so you can use it flip through different types of contents.

It’s only one specific content type so I’ll go ahead and I’ll select Article in this case and you’ll see there’s an option for Flippy Settings in your content type settings. You go ahead and click that and select that you want to build the pager and you have a few more options you can select.

The first is to add semantic previous and next links to the document had and I’ll show you what that does here in a second. You can select the different type of pager, you can have it displayed the node title, the node ID or you can use custom text, we’ll go through each of these options really quickly, I’ll leave custom text and I’ll have the links say Previous and Next, you can also have it show first and last links.

I’ll leave at the defaults after that and I’ll save it and I’ll go down and find an article piece of content, I’ll select this one right here. As you can see there’s previous and next links, if I click on the previous one it brings me to the previous page or previous piece on content and it allows me to easily flip through all the various content or in this case all articles on this Drupal site.

So as you can see now that I have flipped through quite a few we’re going to go ahead and look at some of the other options with the Flippy Module. So I’ll go ahead and I will come back to article and I’m just going to change it to show first and last links and we’ll leave it saying first and last and I’ll save this, I will come back here, you can see now there’s first link and the last link so go ahead and go to the first link, you can see it brings me to a relatively lower node ID so you can tell it’s one of the first ones and you can see once I’m on the first link there was no next and last and if one on the last link there’s no … there’s only the first and the previous.

So as you can see it’s just like a pager. Once you get to the end of the beginning you can only go one direction but it works really easily. Let’s go ahead and take a look at some of the other options here; let’s go ahead and change it to node title and we won’t show the first and last links anymore and we’ll also add this semantic Previous and Next links.

So I’ll go ahead and save that, as you can see now it tells me the node titles and I can flip through them so I can see the node title. Node ID was very similar except it gives you the node ID instead of the node title. What the semantic links that were added to the header … I’ll show you what those are, if I look into the head tag here you can see there’s a link for next and link for previous and it just lists the actual H ref or the location of that link so it adds those links the head tags.

And as I mentioned before; this can be used on any content types so if you want it to flip through a few pages you simply come into page or the basic page content type and you can add it for that. Also one thing to note if you want the actual pager to be in a different location on your content type.

It’s listed just like any other field so you come into your content type, you can come into manage display and you can change the location so I’m going to go ahead move the pager all the way to the top, save that and you’ll notice now I have my pager up top.

So that’s the Flippy Module, extremely easy but if you’re building a blog site or a site that you’re going to have a lot of articles on and you want users to be able to easily flip forward and backward through various posts on your Drupal 7 website go ahead and give the Flippy Module a try, let me know what you think, thanks again to druplaize.me and thank you for watching the Daily Dose of Drupal, we’ll see you next time.