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

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #902.

Check out What's New

- New property: "Responsive Menu"
(for your responsive website designs or standard websites)

You can now choose your menu to show a different version of itself depending on screen size (width), in any of the following 3 ways:

- Different styling
- Different content
- Different positioning

Responsive Menu Example

Read more on the "Responsive Menu" feature

- New property: "Visible When"
You can now use rules to specify whether your menu shows or not on page. This is useful when you want your menu to appear (or not appear) in special cases.

Read more on the "Visible When" feature

- New version for all Server-Side Menu APIs.

- Better support of IE10 for:
- Filters
- Opacity
- Header/Footer
- Menu alignment
- No-wrap words

- Fixed an issue with server-side menus, where the menu would not use the horizontal positioning offset.

- Fixed an issue where clicking on parent items in sliding menus did not work in non-IE browsers.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version here: http://www.likno.com/download.html

--------
Likno Software - www.likno.com
Create any kind of javascript menu (CSS menu/drop-down menu/sliding menu), web tree, button, tab, modal, tooltip, accordion, scroller, design for your websites!

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

Initial Email From: Roxanne
Initial Email Subject: AllWebMenus PRO v. 3.1.0.530
Support Case Month: March 2012

Hi Kostas,

The new v.5 is just a little different than the 2003 version I had. I’m not quite understanding the positioning to get the menu to fit on the web page where I want it. On the web page template, I have a column on the left side in which the menu is placed. However, it is offset to towards the middle of the page. How do I position it to be in the place I want it to be? Thank you for your help!

Thanks,
Roxanne

Reply From: Likno Customer Support

Dear Roxanne,

It seems that you have specifically set the menu to be have an offset relative to the positioning element:

Also, I see that your positioning code is very old and possibly not as accurate as it could be.

Please find the following in your page:

<td height="2">

<div align="center"> <style>.awmAnchor {position:relative}</style> <span id='awmAnchor-Northside' class='awmAnchor'></span></div></td>

And change it into this:

<td height="2" id='awmAnchor-Northside'>&nbsp;</td>

This will position your menu relative to the table cell with pixel-perfect accuracy.

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

Reply From: Roxanne

Hi again Kostas,

I changed the source code you suggested, but the positioning of the menu is still offset to the right in the table cell. Please let me know what I should do to get this menu centered within the table cell.

URL – http://www.nbchurch.net

Thanks,
Roxanne

Reply From: Likno Customer Support

Did you also remove the offsets I showed you in the screenshot?

Also, considering that the table cell is smaller than the menu width, you may want to change your Positioning to the following values:

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

Reply From: Roxanne

Hi Kostas,

Thank you so very much for your help! I made the changes you suggested and the menu fits in the table cell like a glove! Thank you, thank you, thank you!!

I will call on you in the event I have another question!

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

Initial Email From: Ilan
Initial Email Subject: menu offset x on internet explorer
Support Case Month: May 2012

hi,

i got some problem with my menu position . it has some undefined x offset and when i shrink the explorer window the menu slides out.

i recorded my problem this is the link :http://www.youtube.com/watch?v=rb8nSrsN0GU

thank you 
ilan

Reply From: Likno Customer Support

Dear Ilan,

I checked your page again and I only see IE9 being a bit off-place. However I cannot replicate the problem I saw in the video. The menu stays put in its starting page even when I resize the browser.

Regarding the position error, I see that you have added browser-specific offsets:

Can you please clean these up to see if the problem will be corrected?

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: Steve
Initial Email Subject: Feature suggestion
Support Case Month: November 2012

Unless I'm missing it, here's an idea for your menu program (which by the way I love). You currently have a way to choose the space between items. But, how about a way to insert an image between items?
If you look at the URL I listed, you can see a menu I made (the old fashion hard way) and the items have a diamond shape between them.
I know you have a background image (2) function that's right justified. But, that's not really going to work for me because I want to center the text on the remaining blank area to the left.

Let me know what you think or if I'm missing a feature that's already like this.

Thanks,
Steve

Reply From: Likno Customer Support

Hello Steve, I see what you mean.

It could be possible if we enhance the "Has Separator" property to also have images, etc.

Best Regards,
Aris Filokostas
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

Reply From: Steve

Oops! Forgot to include the image of the menu…

Never say never…

Here's a menu I started and put a diamond object between the menu items.

What I did was float the image to the right center then use the "x" offset to push it out past the menu button for the width of the diamond.

Then I set the distance between menu items to same distance as the offset.

I had to play a little with the padding to center the text.

It's still not perfect but, I bet I could get it to work with a little more playing around.

Steve

Reply From: Likno Customer Support

Brilliant! We love having smart customers that can explore different implementation methods on our products. We are glad that we have many features that can be combined to help in such cases but still it requires a smart user to unleash the possibilities. Well done!

Best Regards,
Aris Filokostas
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: Phil
Initial Email Subject: Menu question
Support Case Month: August 2012

Hello Kostas
could you take a look at this site {URL REMOVED}
You will see that the image is on the left. So how would I set up the menu location if I wanted it not underneath that image but underneath the image but in the middle of the page?

Phil

www.paintingfrance.com
www.phillevine.com

Reply From: Likno Customer Support

Hello Phil,
if you want a "centered" menu on the page, just use the "Windows Relative" positioning option and choose CENTER-CENTER in both Anchors. Then adjust the Y offset so that it goes to proper height on page and keep the X offset to zero.
I hope this is what you want to achieve.

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