Breadcrumbs

Home / Support Center / Documentation / DJ-MultiTreeMenu / DJ-MultiTreeMenu module

Top Menu

Content

DJ-MultiTreeMenu module

The DJ-MultiTreeMenu module allows you to display a horizontal menu in a module position with multi level tree submenu.
What is more - submenu is expandable by using mootools effects, which you can set at module parameters.

Navigate Extensions → Module Manager and choose DJ-MultiTreeMenu module.

Let's take a look at Module Parameters:

 

Module Parameters

 

Short description:

  • Menu name – choose the name of menu (default is mainmenu)

    Navigate to Menus → Menu Manager

     

    menu-manager

     

  • Number of columns – enter a number of columns you want to display in submenu
  • Submenu to right from id – enter an id of parent menu item (see the screenshot below), from which submenu should be aligned to right site of parent item; use it if your menu is long and last submenu is displayed outside of your website's container; this parameter is optional; leave unchanged or eneter 0 to display all submenus from left site.

    To get a menu item id, navigate: Menus → Your menu name

    See an example:

     

    menu-item-manager

     

  • Show submenus – show/hide drop-down submenu
  • Include default css – if you want to change menu CSS styling, change this parameter to 'No' and copy djmultitreemenu.css and djmultitreemenu_fx.css files from /modules/mod_djmultitreemenu/assets/css/ into /templates/[your_template]/css/. Then you may change font sizes, colors, backgrounds, etc. of DJ-MultiTree Menu elements. The only difference between djmultitreemenu.css and djmultitreemenu_fx.css is replacement of all occurences of 'li:hover' (djmultitreemenu.css) with 'li.hover' (djmultitreemenu_fx.css)
  • Enable Effects - if Yes, submenus will be showing and hiding with nice mootools effects. Requirements: Joomla! 1.5.19+ , enabled 'System - Mootools Upgrade' plugin (available since Joomla! 1.5.19 as core plugin)
  • Show submenus tree - show/hide/show on mouse over submenus from second level. This param is matter only if mootools effects are enabled
  • Display SELECT for small screens - display SELECT Dropdown box instead of DJ-MultiTree Menu for devices with small screen (narrower than 960px)

 

Let's take a look at Module Advanced Parameters:

 

Module Parameters

 

Short description:

  • Vertical transition - enable vertical transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want
  • Horizontal transition - enable horizontal transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want
  • Fade effect - enable fade transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want
  • Tansition effect – choose the transition effect type
  • Effect duation - set effect duration time in miliseconds (1000 ms = 1 second)
  • Delay time before close submenu - set delay time in miliseconds (1000 ms = 1 second)

 

Notice!

Remember to publish System – Mootools Upgrade plugin to get mootools effects work properly.
Navigate to Extensions > Plugin Manager and check if the plugin is published.

Requirements:
Joomla! 1.5.19+ (plugin is available since Joomla! 1.5.19 as core plugin)


Found this article interesting? Subscribe for more.
Subscribe to the Telegram bot
Subscribe to the Messenger Bot
Or share this article with your friends.
 

Footer Menu