Likno Software Blog - DHTML Menus, Javascript Menus, Drop Down Menus

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.

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.

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.

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.

When you build a menu in AllWebMenus Pro application, you apply a theme to this (usually the default one).

1. How to apply a built-in Theme in your menu.

The Themes that do not contain images and are text and color based can of course be customized by the application; you just need to edit the <Background Color> property (and perhaps any other property that involves colors) in all the Available Styles of the Style Editor (i.e. Main Group Style, Main Items Style, etc…).

2. How to change the Background Color property.

The Themes that do contain images cannot be customized color-wise within the AllWebMenus Pro. You can however customize the images that the menu is using (you can find these images in the NameOfThemes-assets folder which resides in the Theme Gallery\Vertical or Theme Gallery\Horizontal folder under the installation folder of your AllWebMenus Pro application (i.e. C:\Program Files\AllWebMenus5\Theme Gallery). Open the images with your favorite image editor and change their color, save them (it is recommended to keep backup files of the default Theme Packs of AllWebMenus Pro) and use them in  your menus!

Of course you can also create your own images from scratch, according to the needs of your website  and use them in the application to create your own menus - even your own Themes. You can find all the appropriate information about how to use your own images in your menu through your AllWebMenus Pro application to Help -> What is… -> The Image Manager.

In addition to the built-in Themes of the program, you can also purchase from the various Theme Packs that we have created. You can have a look at the Theme Packs here: http://www.likno.com/awmthemes.php. You might also be interested in the Templates we have also created and contrary to themes, menu templates are complete .awm projects with special images, features and content that cannot be themed but provide added functionality: http://www.likno.com/awmtemplates.php.

This event is called the “Hanging Menu” effect. The “Hanging Menu” effect is an IE-only bug that can be solved by placing the Linking Code instance of the menu right before the </body> TAG.

In more detail, IE is loading pages in a different way that other browsers. It first loads the structure and then it loads all the text and images. The result of this is that you get the “awmAnchor” with the structure (hence the menu shows), but the whole table is still empty and concentrated in the top-left conrner (and your Anchor is there too!).

You may have noticed cases where you have pictures in your webpages and the image-holder box changes size when it loads the image (it’s the same thing).

HTML can sometimes be a tricky business… and as such, not everything you see is what you (actually) get!

When adding HTML content through the relevant properties available in our applications, some special characters you add might be incorrectly translated as HTML.

This will cause the following to happen:

• Special Characters will not be displayed properly

• Your entire HTML content might be broken

So, what can you do about this?

To make special characters show up on your pages, simply use a special set of codes called “character entities“. When you add character entities into your HTML code, your browser will display them as the corresponding symbols or characters you want.

The International Organization for Standardization has narrowed down in a list and has compiled in the ISO Latin Alphabet the most commonly used character entities which include special characters, letters with diacritical marks (accents, umlauts, etc.), and scientific and currency symbols.

The code to be used for special characters is displayed in the Name Code and Number Code columns. You can use either codes as they will render the desired results in the same way.

ISO Entities

Source: WebMonkey

Hi everyone!

We have just launched AllWebMenus 5.1 PRO build #780, the most versatile system for your web site navigation needs.

Check out “What’s New” in this release at:
http://www.likno.com/whatsnew.html

Download AllWebMenus version 5.1 build #780 at:
http://www.likno.com/download.html

Enjoy!