You are here

Home » API reference » Panels Accordion 5

README.txt in Panels Accordion 5

Same filename and directory in other branches
  1. 6 README.txt
  2. 7 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/panels/panel-mini )
  2. Click on "Layout 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**
Make sure your Content in the mini panels has a title.
You have the option to override that title when building the Panel Page

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/panels/panel-mini )

  15.   2. Click on "Layout 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. 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