Last updated November 3, 2012. Created by Sinan Erdem on September 26, 2012.
Edited by nagwani, dipen chaudhary. Log in to edit this page.
How to load different panes of a panel with ajaxified tabs: http://drupal.org/project/panels_ajax_tab
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 Drupal.org forums, or join #drupal-support in IRC.
Comments
One thing missing from the above documentation
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.