Site Building

Movie Project: Use Quicktabs with Panel Pages for Drupal 7

Last updated
Categories
Up-to-date with minor version
7.x

This page is archived

We're keeping this page up as a courtesy to folks who may need to refer to old instructions. We don't plan to update this page.

In this exercise you will build and position quicktabs within a panel page.

Goal

Build and place quicktabs in a panel page.

Prerequisites

You will need the following knowledge and skills. If you need a review, check out the Additional resources section at the bottom of this page.

  1. How information can be presented within a quicktab.
  2. Place quicktabs in panel pages.

Wireframe reference

You will need to refer to the wireframe collection PDF.

  • News

Screenshot of News page with tabs:

Image

Tasks

Install the Quicktabs module.

Create a content type for the News article, and generate test content.

Create a views block to display news filtered by News Category.

Create a set of quicktabs to contain the news.

Create a panels page to contain the quicktabs block containing news.

Hints

  • News articles need to be categorized into Movie and Celebrity news.

Recap

  • Quicktabs can contain a range of content, but is most often used for views.
  • Quicktabs can be placed within panels.

Further your understanding

Additional resources

Creative Commons License

Drupal Training Resources by Damian Robinson are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. Based on a work at http://www.damianrobinson.co.uk.

Hands-On Exercises: Movie Project