Last updated November 3, 2012. Created on September 26, 2012.
Edited by nagwani, dipen chaudhary, Sinan Erdem. Log in to edit this page.

How to load different panes of a panel with ajaxified tabs:

1. Install & enable module
2. Create at least two minipanels
3. Create or edit a panel
4. In the "content" section of the panel add AJAX tab -> Tabs
a. Select your minipanels
b. Give an ID (for example 1)
5. In the "content" section of the panel add AJAX tab -> Container
a. Give the same ID with the tabs (for example 1). Make sure you add the Container below the tabs, else the tabs will be rendered below content.
6. Save the panel

When you visit your panel page, you will see tabs. Clicking on each tab will open the content of related minipanel in the container area.

Looking for support? Visit the forums, or join #drupal-support in IRC.


gthanos’s picture

First of all I would like to deeply thank you from this excellent module! However, there is something missing from the above documentation. You have to enable clean URLs.

If you don't want to enable them, you have to modify js file "js/panels_ajax_tab.js" around line 43, as the AJAX calling URL is assumed to be a clean URL. In particular, you have to replace the following line

   url: Drupal.settings.basePath + 'panels_ajax_tab/' + panel_name + '/' + entity_context,

with this one
   url: Drupal.settings.basePath + '?q=' + 'panels_ajax_tab/' + panel_name + '/' + entity_context,

@module_developers: It would be a good idea to add this modification by default, since non-clean URLs are functional even if clean URLs are enabled (the opposite is not true). I am using version 7.x-1.x-dev.