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

AllWebMenus Pro
Cross-browser support - Multiple menu effects, styles & themes
Powerful menu positioning options - Unicode support - HTML edit capabilities
Multiple rows/columns - Addins/Plugins - Extensions - SEO Friendly - Sitemap support

Save time

No Code - WYSIWYG
Rich UI - For All Browsers
Any Editor - Any CMS

Information

Slide Menu Builder

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:

Slide Menu Setup 1

Click the property button, make it "vertical" and select the "Sliding" option:

Slide Menu Setup 2

Edit the related options to further customize the sliding behavior of the selected submenu group (or style):

Slide Menu Setup 3
  • 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.

    Download Info

    Release Version: 1.0.3   what's new
    Download link: 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).
    Notes: 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)

    Client Testimonials

    more testimonials

    Awarded as top software by several reviewers

    more awards