Creating Drupal panels tabs

By Selwyn Polit, Wed, 08/25/2021 - 08:05

Panels tabs are (like so many things in Drupal) pretty easy once you know the exact steps.  Using Drupal 7.20, Panels version 7.x-3.3, Ctools 7.x-1.2.  you can make a page that has horizontal tabs along the top.  It doesn't require any additional modules.

 

  1. 1. Create a panel for the first tab.  I called it tt1.  You do this by navigating to admin/structure/pages and add a custom page.
    1. set admin title to tt1 & Set path: set to tt1/concepts
    2. select a layout eg. columns1 and select radio button for Columns 1
    3. use the default panel settings
    4. For Title put Concepts & add some content to the middle column so you have something to see when you land on that page
    5. select menu  and select Default menu tab - follow the image below for the rest of the settings
    6. Optionally add a parent menu item called tt1 on the main menu.  This will make a main menu item to get to your tabbed panels This doesn't seem to be necessary any more 6-24-14
  2. Add a second panel page tt2.  This will hold the content for the second tab.  This is NOT the same as adding a variant.
    1. Set the path to tt1/software
    2. For the menu option, select menu tab,
    3. Set it's title to Software
  3. Add a third panel page tt3.
    1. Set the path to tt1/examples
    2. For the menu option, select menu tab (like on page tt2)
    3. Set it's title to Examples
  4. Go to the url tt1/concepts and you will see the tabs at the top.  This is very similar to the process in Views.