The most important factor that determines the size of the menu is the content of the items. If you want to reduce the size of your menu you should keep in mind that the menu must have at least the necessary size for the content of the items to fit inside. If the content is large, then you should first of all reduce the size of the content.

The properties that determine the size of each item and the menu are the <Minimum Width>in the Main/Sub/Sub+ Group Style Editor (if you want to increase the size, perhaps this is the only property you should change), the <Size> in the Main/Sub/Sub+Items Style Editor and also the <Text Margin> and the <Content Padding> in the Main/Sub/Sub+ Items Style Editor.

1. How to specify the Minimum Width property of a group.

1. How to specify the <Minimum Width> property of a group.

2. How to speicfy the Size property of the items of your menu.

2. How to speicfy the <Size> property of the items of your menu.

3. How to specify the Text Margin property of the items of your menu.

3. How to specify the <Text Margin> property of the items of your menu.

4. How to specify the Content Padding property of your menu items.

4. How to specify the <Content Padding> property of the items of your menu.

Also you can check/uncheck the "Uniform Items" option in the <Type> property of the Main/Sub/Sub+ Group Style Editor that forces all items to have the same size - the size of  the largest item. You can modify the values of these properties and change the size of the items.

5. How to specify the Uniform Items option of a group.

5. How to specify the "Uniform Items" option of a group.

 

Finally, If you just want to widen the menu, you have only to change the <Minimum Width> property of the Main Group Style in the Style Editor.

Tags: , , , , , , , , , , , , , , , , , , , , , , ,

 

A lot of customers that are using the Sliding Menus add-in of AllWebMenus Pro, define their DHTML menus in such a way where the menu system can remember their expanded/collapsed state, when browsing through different pages. For example, when they expand a menu's item, the expanded menu keeps this state after navigating to a different page.

The Sliding Menus add-in of AllWebMenus Pro can easily implement this functionality. You just have to go to the "Style Editor" of your DHTML menu maker and choose the "Sub Groups Style" (or in the "Sub Groups Style+" if you want this functionality to be applied in the menu items that belong to a level greater than two) from the "Available Styles". Afterwards, you have to click on the "Type" property and check the "Remember the menu state..." option as shown in the image below:

If you want this setting not to be applied globally (i.e. you want your menu system to remember the expanded/collapsed state for some of your menu items and not for all), you must use the "Menu Editor" and not the "Style Editor". Then you have to choose each item you want to have this behavior, click on the "All Values" button and define its "Type" property as shown above.

Tags: , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows