hypejunction/menus_dropdown

Dropdown Menu for Elgg

Dropdown Menus for Elgg

, _(*1)

Features

• Turn any child menu into a dropdown by simply adding elgg-menu-item-has-dropdown to the parent item class

Usage

To convert child menus to dropdown menus, simply add elgg-menu-item-has-dropdown class to your menu item. Whenever a parent menu item is clicked, child menu will appear in a hover menu, _(*2)

elgg_register_menu_item('entity', array(
    'name' => 'parent',
    'href' => '#',
    'text' => 'Parent item',
    'item_class' => 'elgg-menu-item-has-dropdown',
    // controls the position relative to the trigger
    'data-position' => json_encode([
        'my' => 'right top',
        'at' => 'right bottom+5px',
    ]),
    // popup appear in a fixed position and detached from the original DOM position
    // you can add an additional class to have more control over styling
    'data-popup-class' => 'elgg-menu-entity-popup',
    'data-collision' => 'fit fit',
));
elgg_register_menu_item('entity', array(
    'name' => 'child',
    'parent_name' => 'parent',
    'href' => '/child',
    'text' => 'Child item',
));