Mootools Nested Accordion for Joomla 2.5

From ExtStore Documentation
Jump to: navigation, search

Contents

Introduction

Mootools nested accordion avatar.png

Skyline Mootools Nested Accordion is a plugin of Skyline Menu Pro that makes Skyline Menu into multi-level accordion menu. It is written in native mootools so you don't have to worry about javascript conflict on your Joomla site.

Features

  • NEW Modern CSS3 theme.
  • Compatible with Joomla 2.5 and other later versions.
  • Support RTL languages.
  • 4 exclusive themes: Black, Modern, Silver and Modern CSS3 theme.
  • 3 events to trigger accordion menu: hover, advanced click and click.
  • Control mouse hover delay.
  • Change the speed of expanding/collapsing menu.
  • HOT No javascript conflict.
  • Work well with modern browsers: IE9, Firefox, Chrome, Safari...

Click here to see demo.

Installation

Back to top

Mootools nested accordion publish.png

  • Go to Extensions → Module Manger, click New on the option bar to create a new Skyline Menu Pro module

Option new.png

  • A pop-up will appear.

Sl menu pro popup.png

Setting for Mootools Nested Accordion Menu

Back to top

  • Go into the Administrator site, choose ExtensionsModule Manager, choose Skyline Menu Pro

Setting for Details

Just follow the guide here

Setting for Basic Option

Sl menu pro MNA basic.png

  • Select Plugin: Default (used as the Joomla menu); If you choose Mootools Nested Accordion, you may customize the below Mootools Nested Accordion Options.
  • Select menu: Choose menu type to display.
  • Menu Tag ID: Enter a value to assign as the id property of the root tag when the Menu is displayed. Also, it help you to put more than one module in one page here
  • Start Level: Level to start rendering.
  • End Level: Level to end rendering.
  • Show sub-menu items: Choose Yes/No to show or not show your menu in multilevel

Setting for Advanced Options

Just follow the guide here

Setting for Mootools Nested Accordion Options

Back to top

Sl menu pro MNA mootool select theme.png

  • Select Theme: Select the theme style to display menu. There are 3 themes to option: Black Theme, Silver Theme and Modern Theme. Preview images will appear when hovering the mouse to select in themes list.
  • Right To Left: Allow to enable/disable or detect animation effect.
  • Fade Effect: Create fade effect when expanding/collapsing submenu.
  • Event: Choose Hover or Click.
  • Remove Parent Link: Only or not only child links are clickable.
  • Delay: Time interval for delayed actions when we use hover in milliseconds.
  • Duration: Time to determine how long the animation will run.
  • Transition: Choose the moving style of animation.
  • Custom CSS: Modify the visual style of the menu.

Setting for Menu Assignment

Back to top

Option menu assignment.png

  • Module Assignment: Choose to assign module in selected pages.
  • Menu Selection: Select menu type.

Support

Back to top

All the questions regarding specific details or need any help with the product, feel free to contact us or join Extstore forum for best support.

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox