Sliding Menu Add-in
Create sliding menus (slide menus) with both sliding and drop-down submenus and more!

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

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 "Center 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.

 

Current Sliding Menu Add-in version: 1.0.3   what's new

The trial version of the Add-in is pre-installed in AllWebMenus Build #766 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).

Note: 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).

 

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)