Through the Sliding Menu Add-in, you can create menus with sliding submenus, otherwise known as "slide menus", "expandable menus", "collapsible menus" or "accordion menus".
A submenu group can appear either as "drop-down" (non-sliding) or as "sliding".
A sliding submenu group pushes the items of its parent group downwards when opening (slide menu effect). In the same manner, it pulls these items upwards when it closes.
The trial version of the Add-in is pre-installed in AllWebMenus Build #766 or above. You can fully add/edit sliding submenus on your projects and view them on the "Menu Preview Pane" but you can actually compile them only if you have purchased and activated the extra Add-in license (or checked the "Sliding Menu Add-in" option when you initially purchased AllWebMenus).
Purchase the Add-in
Features & How to setup a sliding submenu
Choose a submenu group or style (note: Main Menu cannot be "sliding" itself) and select its <Type> property:
Click the property button, make it "vertical" and select the "Sliding" option:
Edit the related options to further customize the sliding behavior of the selected submenu group (or style):
Appearance: You can set the submenu to slide when the user clicks on its parent item (default) or when he places the mouse over it.
Appearance relative to: You can set the sliding submenu to appear relative to "Left or Right Bottom Corner of Parent Item" or "Ceter Bottom of Parent Item".
Item indentation: You can set the display indent to the number of pixels you prefer.
Margin: You can set the margin (top, bottom, left, right) of the submenu group related to the parent group.
If a specified submenu group is wider than its parent, then you can set for it to "shrink to fit".
If a specified submenu group is narrower than its parent, then you can set for it to "stretch to fit".
You can also specify settings which will apply to all sliding groups (menu-wide), such as:
You can set the "Remember the menu state" option (expanded/collapsed) so that the menu retains the open submenus and the selected item when browsing through different pages.
You can set for the page content to be pushed (or pulled) when sliding menus appear (or disappear). This option is effective only when you position your menu relative to a page element or image.
You can set the <Link> property of parent items of sliding submenus to be ignored when clicking on them, so that the submenus open instead of loading a page. However, if you wish you may achieve both effects by unchecking this option while having the "Remember the menu state" option checked.
Note that every submenu group has its own <Type> property. Therefore, you can have a menu that contains both drop-down submenus and sliding submenus!
(on any level you wish!) example
For more information on the settings click on the HELP icon of the "Sliding" tab inside AllWebMenus.
| Release Version:
1.0.3 what's new
Not needed, this version of the Add-in is pre-installed in AllWebMenus Build #772 or above.
If you have an earlier version of AllWebMenus, download its latest version from the
AllWebMenus download page (this will also install the latest Add-in version).
||You can fully add/edit sliding submenus on your projects and view them on the "Menu Preview Pane" but you can actually compile them only if you have purchased and activated the extra Add-in license (or checked the "Sliding Menu Add-in" option when you initially purchased AllWebMenus).
Where to find Sliding Menu Themes/Templates/Examples
Sliding Menu Themes
are available in the Menu Themes Gallery.
Sliding Menu Templates
are available in the Menu Templates Gallery.
Sliding Menu Examples
are available in the AllWebMenus Examples page.
(i.e. examples that mention the word "Sliding" on their title)