Accordion Menu Apple style module
Written by kksou   
Wednesday, 01 October 2008

This is the module version of the Apple style Accordion Menu plugin.

The plugin version allows you to insert the menu in a content item or article. If you want the menu to appear in a module position, then use this module.

Very Important: This module makes use of the Apple style Accordion Menu plugin. So please make sure you have installed this plugin too for this module to work.

Live Demo


You can see three live demos of the module:

Latest Version

v1.0.3 (for Joomla 1.0) and v1.5.3 (for Joomla 1.5)
Released April 23, 2010

Conforms to joomla.org guidelines..

How to use the "Accordion Menu Apple style" module

  1. Download and install the module.
  2. Publish the module.
  3. Go to Modules Manager and click on the module.
  4. In the Modules Parameter, enter the menu items definition in the field Content. The syntax of the menu items definition is exactly the same as that of the Apple style Accordion Menu plugin. Please refer to that article.

Download

How to install


  1. First, make sure you have installed the plugin Apple style Accordion Menu. This module DOES NOT work without the Apple style Accordion Menu plugin.
  2. Download and install the Apple style Accordion Menu module.
  3. Make sure both the plugin and the module is published / enabled.
  4. Select a module position where you want to place the module.
  5. Go to Module Manager and click on "Apple style Accordion Menu Module".
  6. In the parameter "Content", enter the menu item definitions following the syntax as outlined here. For example,
  7. {Accordion_Menu_Apple_style}
    <a href="http://www.site1.com">General</a>
    - <a href="url1">Introduction</a>
    - <a href="url2">Unique Features</a>
    - <a href="url3">How to Use</a>
    - <a href="url4">Demo</a>
    <a href="http://www.site1.com/links">Links</a>
    - <a href="http://www.google.com">Google</a>
    - <a href="http://www.yahoo.com">Yahoo</a>
    - <a href="http://www.joomla.org/">Joomla</a>
    - <a href="http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style-module.php#demo">Demo</a>
    {/Accordion_Menu_Apple_style}
    

Version History

  • v1.0.1 (for Joomla 1.0) and v1.5.1 (for Joomla 1.5)
    Released October 7, 2008

  • Thanks to Guido van de Camp who informed me that there was an extra letter in the .xml installation file of the previous version. It won't install with the extra letter. Have fixed this in this new version..

  • v1.0.2 (for Joomla 1.0) and v1.5.2 (for Joomla 1.5)
    Released December 19, 2008
  • Fixed the warning message "Notice: Undefined property: stdClass::$params in tmpl/default.php on line 20".

FAQ (Frequently Asked Questions)

Q1: I want the link to launch to a new tab or new window when the user clicks on the click.

A1: Use the following use the following syntax:

{Accordion_Menu_Apple_style}
[url=http://www.site1.com/links]Links[/url]
- [url=http://www.google.com 1]Google[/url]
- [url=http://www.yahoo.com 1]Yahoo[/url]
- [url=http://www.joomla.org/ 1]Joomla[/url]
{/Accordion_Menu_Apple_style}


Q2: Can I have more than one menu in the same page?

A2: By right, you should have only one menu per page.

However, go ahead and try it. You can actually put two or menus in the same page. There are two "problems" here, though:

  • There will be only one active menu per page. This means that suppose you have three menus. If currently one of the menu items in Menu 1 is active, you will find that both Menu 2 and Menu 3 will be collapsed. The original javascript library from www.dynamicdrive.com only keeps one active menu item per page. Hence the reason.
  • You cannot set different heights for the different menus. Try it. You will know what I mean. This is because the height of the menu is defined in the css definition. All the menus use the same css style, hence they will have the same height.


 
< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2012. kksou.com. All Rights Reserved