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.