Quickstart Guide to Advanced CSS Drop Down Menu Expression Web Add-in
Start the Ajatix Advanced CSS Drop Down Menu Expression Web Add-in
Place the cursor into a position on page where you want the menu to be inserted. Start the Ajatix Advanced CSS Drop Down Menu add-in by clicking the Advanced CSS Drop Down Menu icon in the Ajatix group of the Insert panel.
Select a CSS Menu theme
Click OK in the Start Wizard to accept the default option to create a new menu.
You will be presented with a number of preset themes. Select the one that closer meets your desired design. Ajatix CSS Drop Down Menus are fully customizable, you will have a chance to change the menu look, or apply a different preset theme of the menu any time later on.
Populate the menu
Compose your menu structure using Add, Delete, and Move buttons under the menu structure treeview. Enter a text and a link for each item in Text and Link fields of This Item panel correspondingly.
To create a submenu click Add New Item and then move the new item to the right by clicking Move Item Right.
Customize the menu design
Customize your menu design using the Style Editor by changing colors, images, borders, text settings, etc.
Preview the menu
The real-time preview window allows you to see what the menu looks like as you edit it. Any change in menu style or structure is immediately reflected in the preview window. Move the mouse over the menu to see how items look on mouseover and to open submenus.
Save the CSS Drop Down Menu
Save the menu into a CSS file by selecting the Save command in the File menu.
Select the location and the name of the CSS file and click on the Save button.
Click OK to finish working with the menu and close the Ajatix Advanced CSS Drop Down Menu add-in.
You will see an unordered list-based markup of the menu in the Code window and a WYSIWYG view of the menu in the Design view.
Editing the Advanced CSS Drop Down Menu
The following topics will help you to learn how to customize your menu: