Joomla Accordion Module for Likno Web/jQuery Accordion Builder

	Likno Web Accordion Builder Add powerful, feature-rich jquery accordion & slider controls to your Joomla websites

Likno Web Accordion Builder
User Interface for creating any type of jQuery accordion: vertical accordion, horizontal accordion, jquery accordion, jquery slider, accordion menu, collapsible panel, ajax accordion, javascript accordion, CSS accordion, accordion panel, etc.

AllWebMenus 5
Professional

Likno Web
Button Maker

Drop-Down
Menu Trees

Web Modal
Windows Builder

Web Tooltips
Builder

Web Accordion
Builder

Web Tabs
Builder

Web Scroller
Builder

Photo Frame
Show

Joomla Accordion examples
Joomla Accordion/Likno Web Accordion Builder features

The Likno Web Accordion Builder Joomla add-in & component combination is designend to add linking code of your accordions, let's you place an accordion inside an article/page and provide you an edittor button for easy article/page placement!

The solution consists of a combination of two parts:

1. The Likno Web Accordion Builder Add-in

This already exists inside your Likno Web Accordion Builder installation (v2.0.200 or above only - no need to download and install separately), and can be accessed through the following menu:

2. The Joomla Component

This is the component that you need to install on your Joomla website.

The component adds 2 plugins that must be enabled.

These plugins are Likno Web Accordion: Linker Plugin, and Likno Web Accordion: Accordion Button Plugin
The first adds the necessary linking code to your page, and scans your article/page to find an accordion while the seccond provides you an editor button to make inserting accordions inside a page/article easy.
The Joomla component supports 2 positioning options:

- The first is the normal Joomla module management. Upload the Accordion module produced by Likno Web Accordion Builder desktop application, go to module manager select it and select the module position that you want it to appear (don't forget to enable it).

- The second allows you to insert the accordion inside a page/article you want. The Accordion Plugin Button makes the whole process easy. Just Click it select the accordion you want, click insert and you are ready.

Note 1: You should disable a Likno Web Accordion module when you place it inside a page/article, or disable it for that page/article.
Note 2: You should keep in mind that actual accordion positioning is handled by the Likno Web Accordion Builder application. For example if you create a '"Floating" over page'" accordion, which is set as "Relative to Window", no matter which "block position" you choose from the module options the accordion will always appear relative to window.

Download and install the Likno Web Accordion Component on Joomla

Step 1 - Download the component's ZIP file

Download component for Joomla version 1.6

Download component for Joomla version 1.5 (old)

Release Version:

1.0.2

License / Size:

GNU/GPL
16.9 KB

Requirements:

This "Component" version (i.e. code installed on Joomla) requires Likno Web Accordion Builder v2.0.200 or above in your PC (click [About] on its [Help] menu to view its version) and Joomla version 1.5 NATIVE or above.

Download the latest Likno Web Accordion Builder if not installed yet.

The latest "Add-in" (i.e. code within Likno Web Accordion Builder) is already included with the installation (since v2.0.200, Jun. 2011), so no separate download link exists for install.

Step 2 - Install the component to your Joomla site

Login to your Joomla administrator area
Install the component by selecting the "Extensions > Install/Uninstall" item of the Joomla administration menu
Go to plugins manager (found at extensions/Plugin Manager item of the Joomla administration menu) and enable these two plugins: Likno Web Accordion: Linker Plugin, and Likno Web Accordion: Accordion Button Plugin.

Configure and use the "Likno Web Accordion Builder Component" on Joomla

Step 1 - Configure your accordion

Switch to the Likno Web Accordion Builder desktop application:

Step 1 - Configure your accordion (colors, borders, effects, styles, etc.) through the Likno Web Accordion desktop application.
Step 2 - Choose how/where your accordion is "positioned" inside your Joomla pages
While in Likno Web Accordion Builder software, you will find the Positioning property at the bottom of the Project Panes tab.

There are 2 different options to position your accordion in your pages:
- "'Embedded' in page"
  Select this option if you want the accordion to appear 'embedded' in your page. There are 3 sub-options: "Insert inside a page Element (div, span, td, etc)", "Replace a page Element", "Replace a page Image" (by using it's filename).
  For the first 2 options the appropriate Page Element is populated by the Likno Web Accordion Builder module, produced by the application.
- "'Floating' over page"
  Select this option if you want the accordion to appear 'floating' over your page. Like the previous option there are also 3 sub-options available.
  
  - First sub-option: "Relative to Window".
  The accordion will appear("float") relative to window no matter which module position you choose.
  
  - Second sub-option: "Relative to an Element"
  The accordion will float relative to a page element. This Page Element is populated by the Likno Web Accordion Builder module, produced by the application.
  
  - Third sub-option: "Relative to an Image"
  The accordion will float relative to an image filename.

View how positioning works through detailed examples/use cases >

Step 2 - Setup, Compile and Upload the accordion files

While in Likno Web Accordion Builder desktop application:
- Compile the accordion using the "Add-ins -> Joomla Project -> Compile Joomla Project" (item [1] on screenshot).
  Note: When asked for "Site_Root folder" use any local folder on your hard drive you like for the compiled files to be produced. These files will be added in a ZIP file that will contain all the necessary accordion files.
- Upload the compiled accordion (the ZIP file mentioned above) via the Joomla administrator area. Go to Joomla extension installer by selecting "Extensions > Install/Uninstall" item of the Joomla administration menu. Select the accordion file from the location you selected above and upload it. Your Likno Web Accordion accordion has been successfully uploaded and installed. Now you need to enable this module from Joomla Module Manager, and select it's position or place it inside an article, using the button found at the bottom of your editor.