You are here

Home » API reference » Panels Accordion 7

README.txt in Panels Accordion 7

Same filename and directory in other branches
  1. 5 README.txt
  2. 6 README.txt
DRUPAL panels_accordion README.txt
==============================================================================

This module adds an accordion style setting to Panels 2, more specifically
Mini Panels.

A JavaScript accordion hides all but the active area that a user clicked on.
When the user clicks the heading of an area it activates that area, the
rest will be hidden.

You need to be using Panels 2 and enable Mini Panels (for now).

  1. Go ahead and build your mini panel, fill it with 2 or more panes.
     ( http://your-domain.com/admin/structure/mini-panels ). 
  2. Click on "Display Settings"
  3. Choose "Accordion" from dropdown
  4. Click "Edit Style settings" and Select your "Action", "Effect", and "Speed"
  5. Save
  6. Build a Panel Page that contains your Mini Panel, style it with some CSS.

**NOTE**
1) Make sure your Content in the mini panels has a title.
   You have the option to override that title when building the Panel Page
2) By default first pane inside accordion mini panel would be in expanded mode. You 
   can turn off by selecting "Collapsed by default" option in pane options => Style.
   Make sure you have applied Accordion style for pane.

***What is New in Drupal 7 Version ***   
The Drupal 7 version now supports:-
 1. Default panel pane markup
 2. Configurable header tags e.g h2, h3 .. h6
 3. Default & Custom CSS classes for panel panes. (Better control on accordion elements)
 
 ***Future Implementations?***
 Add your ideas in Project Issue Queue: 
 https://drupal.org/project/issues/panels_accordion

File

README.txt
View source 
  1. DRUPAL panels_accordion README.txt

  2. ==============================================================================

  3. 

  4. This module adds an accordion style setting to Panels 2, more specifically

  5. Mini Panels.

  6. 

  7. A JavaScript accordion hides all but the active area that a user clicked on.

  8. When the user clicks the heading of an area it activates that area, the

  9. rest will be hidden.

  10. 

  11. You need to be using Panels 2 and enable Mini Panels (for now).

  12. 

  13.   1. Go ahead and build your mini panel, fill it with 2 or more panes.

  14.      ( http://your-domain.com/admin/structure/mini-panels ). 

  15.   2. Click on "Display Settings"

  16.   3. Choose "Accordion" from dropdown

  17.   4. Click "Edit Style settings" and Select your "Action", "Effect", and "Speed"

  18.   5. Save

  19.   6. Build a Panel Page that contains your Mini Panel, style it with some CSS.

  20. 

  21. **NOTE**

  22. 1) Make sure your Content in the mini panels has a title.

  23.    You have the option to override that title when building the Panel Page

  24. 2) By default first pane inside accordion mini panel would be in expanded mode. You 

  25.    can turn off by selecting "Collapsed by default" option in pane options => Style.

  26.    Make sure you have applied Accordion style for pane.

  27. 

  28. ***What is New in Drupal 7 Version ***   

  29. The Drupal 7 version now supports:-

  30.  1. Default panel pane markup

  31.  2. Configurable header tags e.g h2, h3 .. h6

  32.  3. Default & Custom CSS classes for panel panes. (Better control on accordion elements)

  33.  

  34.  ***Future Implementations?***

  35.  Add your ideas in Project Issue Queue: 

  36.  https://drupal.org/project/issues/panels_accordion