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

Knowledge Base support case for AllWebMenus and Likno Web Modal Windows Builder,  abstracted and stripped of all user’s private info.

Initial Email From: RuuRd
Initial Email Subject: menu show on top of modal windows in IE 10
Support Case Month: April 2013

Dear reader,

after the last update of Likno Modal Windows, the Likno Menu stays on top of all objects also the LWMW-layer. Setting z-index of the menu to -1 did solve it for Firefox, Chrome but not for Internet Explorer 10

What to do?

Thank you for your help in advance.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear RuuRd,

Where did you set the z-index to -1? I checked your site and I see that the menu is set to z-index: 1000.

The same is true for the modal window. Please change the modal window z-index to 1010 or the menu  z-index to 990 in order to fix this problem.

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

Reply From: RuuRd

Thank you Kostas,

I forgot that this value is (or can be) set in the IDE of AllWebMenus, so I did set the other value somewhere else in my code (later executed).

Kind regards,
RuuRd

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

Initial Email From: Robert
Initial Email Subject: Menu Question
Support Case Month: March 2013

Hi,

I want to know if this is possible with your menu program.

I built a sliding menu. I placed it in a DIV. Then I linked the menu to many different anchors. When you click an item in the menu it goes to that item BUT the menu floats to the bottom of the page? I want the menu to stick at the selected anchor, so the menu is lined up, side by side with that item. Is this possible? and if yes, how do you set that up?

Also, the floating menu goes behind my main nav, and it also was made with your program. I read about the z_index but it says to leave it a 1000? How can I make it go over the nav?

Please let me know.

Thanks!
Robert

Reply From: Likno Customer Support

Dear Robert,

I am afraid there is no way to have the menu always appearing next to the anchor of what you clicked. Still, there is something you can do to make it look better in some cases.

Currently the menu always stays in the exact same place where you positioned it, relative to the browser window.

If you set the menu to be “Advanced Floating” then you can have it stick with the page until it reaches the top of the window and then float there until you reach the end of the page. Since when you call an anchor the page is automatically scrolled to put it at the top of the page, this will work in most cases. It will not work for the last part of the page that never reaches the top of the window. So this will give you a partial solution to the problem. Also note however that this requires that you purchase the Advanced Floating Add-in, so it is up to you to decide if it is worth the cost.

Regarding the z_index, where did you see that you “have to leave it at 1000”? You can change it as you wish! And if you want the floating menu to be on top, simply make its z_index bigger than the z_index of the other menu.

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: Anna
Initial Email Subject: Display Problem
Support Case Month: April 2012

I'm sure you can tell me how to fix this:

In all browsers except Google Chrome, the dropdown is displaying correctly.  In Chrome, it's behind the Flash.  What do I need to do to fix that?

Thanks so much.

Anna

Reply From: Likno Customer Support

Hello,

To make submenus appear *in front* of Flash Objects, Java Applets or Select Boxes, open the "Z-Index" property and click the "Click here" link:

This will open a help topic where you get instructions on what to do in your page.

If you still have a problem after following these instructions, please send me the URL to see what you have done.

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: Anna

The value is currently set to 1000 and works in all other browsers.  Does it need to be higher than that?

Reply From: Likno Customer Support

I believe there is a misunderstanding. My point was that you need to click the “Click here” link, in order to read the instructions.

This issue is caused by the flash object and you will need to add specific code in your page in order to fix this (it cannot be resolved from the application alone).

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: Rick 
Initial Email Subject: Menu appears under other elements
Support Case Month: November 2012

On the page given, you can see that the menu will appear under the PDF document, which is generated via javascript.  How can I make the menu appear on-top of the PDF document?

I have the z-index of the menu set to 9999 and the Div containing the PDF set to 1.

Thanks for any assistance.

Related URL: http://www.fvpd.org/a/index.php?p=view_pdf&id=112

Reply From: Likno Customer Support

Dear Rick,

The reason is that these files have special plugins that fully take over the part of the browser where they appear and ignore the z-index.

Nonetheless, we have developed a special fix for IE6 that seems to also work in this case. Please go to the Project Properties in the “Optimization” section and select the “iframe fix”:

If this does not work, please let me know and also export and send me your menu project so that I can run some more tests:

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: Cary
Initial Email Subject: flash image in front of dropdown menu
Support Case Month: July 2012

Hi,

We are having an issue with that as well. We have a flash image that now we are finding is covering the dropdown when you mouse over. What can I do to put the dropdown ON TOP OF the flash image? If it helps, the web address is http://www.conest.com/default_video_new_menu3.asp. Please let me know what the solution is asap. I need to get this page up to replace the homepage.

Thanks
Cary

P.S. Just wanted to mention that I already have the z-index set to 1000.

Reply From: Likno Customer Support

Hello Cary,

Did you click on the following LINK which gives more info on what to do?

This will open a help topic where you get instructions on what to do in your page.

Please read the instructions and do what is needed. Please let me know if it worked. Thank you.

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: Cary

I’ve been trying that, but it’s not quite fitting with the way m Flash has been coded in. Where would I place it? The code is brief for the flash and follows:

<td width="730" height=100 valign=top><embed src="/flash/entry13.swf" quality=high bgcolor=#FFFFFF  width=730 height=232 salign=L type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></td></tr><tr>

Where would I fit the code referred to in the link? I believe it’s ('wmode','Transparent') supposed to be in 3 places in the example.

Thanks much.

Cary

Reply From: Likno Customer Support

Dear Cary,

If you use the full flash code, then there are three distinct places where you can put “wmode”.

However you seem to use a much shorter version that only has the <embed> part. Hence, following the help example, you should add:

wmode="transparent"

So please correct the “ 'wmode', 'Transparent' ” that you added and instead use the correct code.

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: Cary

Thanks!!!  That works perfectly!

Cary