Visual QuickMenu
About The Visual Interface
The QuickMenu visual interface is a web based application that runs on top of an existing document or within the template pages provided in the online visual interface and download. The web based concept allows for a true WYSIWYG experience.

There are half a dozen other visual menu tools on the market, available at discounted cheap prices, which produce outdated all-JavaScript DHTML menus.  OpenCube's QuickMenu has never competed with these menus, the QM interface is the only visual tool capable of producing 100% pure CSS menus which are required by modern day search friendly, accessible, and semantically accurate websites.  The QuickMenu interface is also the only true 100% WYSIWYG visual tool for creating web based menus avaialble.  DHTML based, semi-visual interfaces are typically written with BASIC or .NET and use a simple tree with a preview window as the focal point of customization.  Visual QuickMenu is browser based and centers around a truly interactive design environment.  The tool is based on your actual menu with real time updating and visual feedback, this is all done without the need for a tree based item representation of your menu structure.

Here are a few visual interface tips...
  1. We are big believers of the context menu here at OpenCube, so if in doubt, right click a menu item, color swatch, bullet, etc...
  2. Select an item by clicking it in the actual menu, all individual settings, text, and URL's will update the selected menu item.
  3. The red dotted box indicates the selected item only while in design mode, you can disable it through 'Settings' --> 'Options'
  4. If you dislike the default positioning of a sub menu, you can drag it to your desired location.
  5. The 'CSS Styles [filtered]' section in the tree affords quick access through a few options to every basic style option in the menu.
  6. You can apply custom CSS styles to any number of menu elements by creating a new CSS rule, choose 'Modify' --> 'Create Rule'.
  7. Use the publish wizard 'File' --> 'Publish' to add the current menu(s) to your html page(s).
  8. Saving a menu creates an HTML document which includes your current menu, open the saved document to edit your menu.
  9. While many of the templates use CSS (imageless) bullets, you can save space by using CSS background images defined on your parent items instead.
  10. When publishing, if you choose external file for all three options, the menu will be automatically compacted to an overall smaller size.
  11. CSS styles set on the main items are by default inherited by the subs, typically you will be prompted to automatically override the setting.
  12. Hover state styles appear on mouse over, active state styles appear while the items child sub menu is visible.
  13. Up to 10 menus may be customized for a single page simultaneously, add additional menus with the 'Modify' --> 'Add Menu' option.