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

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

Initial Email From: Robert
Initial Email Subject: upgrade (sales) questions
Support Case Month: March 2013

HI Kostas,

I purchased the new version, but I am having a problem with the linking.

Is the linking any different when using DIV tags in which I gave an ID to?

Here's what I did...

I got a new menu, made all changes, told it where to store the root folder, compiled the menu, took the ID form the menu position, awmAnchor-menu and placed it in a DIV tag that I gave an ID name of nav_bar <div id="nav_bar" awmAnchor-menu></div>

The menu showed up on my page, but as soon as I added the awmAnchor-menu to my page it never came back.

Here is a link to my test site:

{URL REMOVED}

Also, I attached the menu that I saved. It's just a rough copy.

I think I did everything correctly, the only thing that sticks out is that the help files show an ID given to the awmAnchor-menu, <div id="awmAnchor-menu"> &nbsp; </div>

and I gave the DIV that I am placing the menu in and ID name of nav_bar

Should I name the DIV awmAnchor-menu, and if so where do you place the awmAnchor-menu in the DIV?

Please let me know,

Thanks Again!

Robert

Reply From: Likno Customer Support

Dear Robert,

The problem is indeed the ID of the DIV where you want to put the menu.

You need to do one of the following two things:

1) Leave the AllWebMenus Positioning as it is, and change the DIV in your page from:

  <div id="nav_bar" awmAnchor-menu></div>

To:

  <div id="awmAnchor-menu"></div>

OR

2) Leave the DIV in your page with its current ID (but cleanup the “awmAnchor” part):

  <div id="nav_bar" ></div>

and change the AllWebMenus Positioning to use this DIV instead:

Best Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Robert

Hi Kostas,

Thank You! Works Perfect!

I read about that but then I recall it recommended to keep it the same.

Anyway, it works!

Thanks Again!

Robert

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

Initial Email From: J. and F.
Initial Email Subject: responsive menu positioning
Support Case Month: March 2013

We see in the "position" setting for the responsive menu that there is no "relative position" to select. We perceive, if there was a "relative position" to select in positioning the menu, then perhaps the menu would not cover our content when we resize our browser's window.

We do not see the responsive menu auto-size itself using our iPod, which is 480x320px. The responsive menu appears full size without making any attempt to reduce itself to fit the 320px screen. However, when we reduce our Firefox browser, version 18.0.1, to 320px, the menu does auto-size but covers up all adjacent content. (Probably because there is no relative position setting).

J. and F.

Reply From: Likno Customer Support

Hello,

Regarding the Positioning of your menu, please note that each menu version can have its own Positioning and it seems from your compiled menu that you have set the first version to be positioned Relative to Element, but the other three are positioned Relative to Window.

The easiest way to fix this, is to clone the positioning from the first version to the other three. To do this, use the following link in the application:

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

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

Initial Email From: Pat
Initial Email Subject: How can I add the tag: id="awmAnchor-menu" to a CSS file?
Support Case Month: March 2013

How can I add the tag: id="awmAnchor-menu" to a CSS file?
As you can see the menu in my URL scrolls, when it should be in the gray area.
I'm using some new code to keep the top header at the top, and want the menu up there to.

Thanks ...need some magic
Pat

Reply From: Likno Customer Support

Dear Pat,

Please try the following Positioning:

Also, you should set the menu to “float on scroll”:

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Pat

Your magic worked …

Thanks,
Pat

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

Initial Email From: Adrian
Initial Email Subject: cross-browser issue 
Support Case Month: March 2013

Hello,

There is a small bug
- In IE7 - the menu slips to the right 2px
- In Google Chrome - it slips to the left 1 px
- In Firefox - it slips to the left 1 px, also

Works ok in IE8, IE9, Opera.
Not tested in IE10

Please advice.

Thank you

Reply From: Likno Customer Support

Hello,

Note that each browser may render the fonts slightly differently and this can cause a with difference.

The best way to ensure that the menu has exactly the same width is to specify it:

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Adrian

Hello,

Thank you for your prompt response.

It’s ok now.

For your knowledge this is what I’ve done:

I inserted a new div for IE7 especially, positioned with CSS hack.

I used browser specific offsets for the other browsers. Also I had to set the header font size at 6px (Opera splits the header also, because of the font size).

Best regards,
Adrian

Reply From: Likno Customer Support

Dear Adrian,

But this way your menu is still differently sized in each browser and you just “center” it with offsets.

If this is what you wanted, you could do it much easier (and more reliably) by selecting “top-center” in the Positioning property.

My recommendation would be to avoid the use of the <span> and Position the menu relative to the <div> with id="meniu".

Also, if you prefer, you can set it to be “top-center”, but I would also set the minimum width to 962px to make sure that it has the same width in all browsers.

This way you will not need any special offsets nor any CSS hacks.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

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

Initial Email From: Adrian
Initial Email Subject: Internet Explorer V10 menus
Support Case Month: March 2013

Hello,

I want to buy the software, but I have to know before, FOR SURE, if it supports html5, modern browsers, and IE7 to IE10 (the same question for Likno Web Modal Windows Builder).

Also please inform if AllWebMenus works under a structure as:

<body>

<div id="inner">

<div id="outer">

<div id="Wrapper">  (positioning relative)

<here should be Likno menu> (positioning absolute)

I worked with Sothink DHTML Menu, that doesn’t support html5, and I have to switch to another software.

There is a starting sample at www.romtehnochim.com.

Thanks in advance,

Adrian

Reply From: Likno Customer Support

Dear Adrian,

Yes, AllWebMenus does fully support HTML5 as well as all the latest browsers and mobile devices.

It will work with every possible HTML structure so you do not have to worry about this. Just select the page Element that will be used for Positioning and your menu will be attached to it.

Also note that if you find any difficulties, we are always here to help you out.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!