Check your version

This tutorial covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Last updated February 16, 2017

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

Objectives and Prerequisites

You will need the following knowledge and skills. If you need a review, check out the 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

Screenshot of News page with tabs

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.

Summary

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

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.