Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Alice
Initial Email Subject: color, type, size of menu
Support Case Month: December 2012

Hello again,

I have some concerns:

Is it possible to change the colors on any of the themes?

Also, can they be changed into whatever type bar I need, even if they aren't initially set up for that format (such as a horizontal theme bar converted into a vertical bar)?

I also notice that there doesn't seem to be a way to have auto-width for the text unless I just missed it, of course.

I'm loving what I see, and I'm hoping that all of your answers are "Yes!" If this is a case in which the purchased program allows for these options, I'm truly appreciate knowing.
Thank you again for all of the time you've spent in helping me!
Alice

Reply From: Likno Customer Support

Dear Alice,

Regarding your questions:

1) Yes, you can easily change the colors of all text-based themes through the Style Editor. To change the colors of image-based themes however, you will need to edit the images manually in a graphic editor.

2) Yes, you can change the type of the menu at any time (same for each of its submenus) from horizontal to vertical to sliding. Again you can do all this through the Style Editor under the “Type” property.

3) Yes, as a matter of fact the default menu has automatic width based on its text. There are a couple of things you need to check for this:

i) make sure that the Size property of the menu items is set to Auto

ii) make sure that you do not have “Uniform Items”:

I believe that you need to take some time to get to know AllWebMenus. The truth is that although it is very easy to create the first menu, it can be overwhelming to find all of its abilities, just because of the sheer volume (it can practically do anything you want). The best approach, I believe, is to go to the Style Editor and have a look at what you can change there. Then you can load existing Themes or Examples and check on the Style Editor which options are checked to achieve this result.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Hey everybody,

This is to inform you that we have added a new "Horizontal Submenus" example, in the 'Examples' page.

To view the example (live) and download it (free), please visit:

http://www.likno.com/examples/horizontal_submenus.html

Specific info about the example:

In this tab navigation, all submenus have their "Type" property set to "Horizontal" and their "Appears - Aligned With" property set to the "Top-Left edge of the parent group". These settings are needed to create a unified look for the whole navigation while the Sticky property is also used to make sure the right submenu is visible at all times. For this demonstration the "Products" submenu appears automatically (Show Item or Group on Appear) but you can always use a different rule so this behavior matches your website needs.

Enjoy!

New options have been added to the <Type> property on AllWebMenus version 5.1.740!

"Horizontal" groups (like the Main Menu group) could always behave as "Menubars" (fitting the entire window width). These menubars can now use additional options, like specified margins from the window sides, etc.

Here are all the Options you can use on the <Type> property:

Option 1: Horizontal Menu

More Options on Horizontal Menus:

"Do you want your group to use multiple rows?"

By selecting "Yes, use X rows", your group will use X rows to display the items.

Example with 2 rows:

"Should the menu function as a Menubar?"

By clicking "Yes, Widen group to fit entire window width", the group acts like a typical Windows-application menu: horizontal, covering all the width of the window even when the user resizes it.

You can also add Margin in any of the sides of the menu (Right, Left, or both) counted in pixels or in percentage of the page:

"Do you want the items to widen to fit their group's width?"
(enabled when the "Menubar" functionality is selected)

By selecting "Yes, widen items so that they fit the entire group" the items of the menu will widen in order to cover the whole size of the menu.

By selecting "Do not widen items" the items will keep their default size and the background color of the menu will cover all the width of the window.

Option 2: Vertical Menu

More Options on Vertical Menus:

"Do you want your group to use multiple columns?"

By selecting "Yes, use X columns", your group will use X columns to display the items.

Example with 2 columns:

"Allow Vertical Scrollbar?"

By selecting "No Scrollbar" the group will widen to fit all items.

By selecting "Auto: when group height exceeds browser window height", a scrollbar will be added in the menu when its size exceeds the browser window height in order for the viewer to be able to view all the items.

By selecting "Fixed", a scrollbar will be added when the group size exceeds the pixels you have set in the related box:

The Uniform Items option

This option allows you to choose whether the size of all items match the size of the biggest item within the same group. The calculation of the largest size includes the size of the Header or Footer too (if they exist).

Example:

1st menu: The <Uniform Items> property is set to "no"

2nd menu: The <Uniform Items> property is set to "yes"