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

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

Initial Email From: Dave
Initial Email Subject: Accordion Builder Question
Support Case Month: June 2012

Hi,

I'm using Accordion Builder on a new client project and wish to have a side accordion floating on the left of the window. I've used Example 15L as my source and all works fine on standard monitors. However on mobile devices the pop out goes into the other content on the site, I would like the pop out to be on top. I can't find anywhere to change the z index of the accordion. Is this possible, as at the moment the pop out content is hidden under other elements.

Thanks for any help.

Dave

Reply From: Likno Customer Support

Dear Dave,

I believe the default accordion z-index is “3”, and indeed currently there is no way to change this.

I have forwarded your request to our developers and hopefully it will be added within the week.

I will send you an email as soon as this is online.

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: Likno Customer Support

Dear Dave,

I just found this email regarding the z-index for the Accordion Builder.

I am informing you that

1) the default z-index is now 500

2) you can change this in the “Floating” Positioning property:

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

Hi,

Thanks for this. However I've just purchased continued support and updates and updated the software, but unfortunately it's still not working. I've loaded in my project, re-compiled it and replaced the link code in the html and it still doesn't work. The website I'm working on is http://www.cornishdreamcottages.co.uk/ You will see a special offers button on the left, if you re-size the browser to get the edge of the site close to the button and then click the button and scroll down the page, you will see that the accordion goes under some elements. The reason it doesn't go over all elements is because the top elements have been set to a z-index of 0. If you go to this page http://www.cornishdreamcottages.co.uk/about_treworgey.htm you will see that it goes under all elements.

Thanks for any help.

Regards, 

Dave

Reply From: Likno Customer Support

Dear Dave,

I had a look at your page and I believe I have found the problem.

I just uploaded a new silent release with the fix.

Please download the Accordion Builder again and recompile your project:

http://www.likno.com/jquery-accordion/download.php

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

Hi,

Thanks very much, all is working perfectly now.

Regards,

Dave

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

Initial Email From: Charles
Initial Email Subject: menu is hidden under the web order form
Support Case Month: May 2012

Dear Likno,

I have a problem. My menu is hidden under the web order form. I tried my best to make it appear on top of the web forms in vain.

How can I go over it?

Charles

Reply From: Likno Customer Support

Dear Charles,

What type of form is this? Is it HTML or Flash? I suggest that you have a look at the following info:

If you still cannot resolve the problem, please send me the URL so that I can have a look.

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

Dear Kostas,

The form is Flash designed with Coffee Cup Web Form Builder. Incidentally, I am still finalizing my site so that I can upload it. You can only view after uploading. But I thought you could give me some hints about what could be the problem so that I can sort it out before I finally upload it.

Best regards,

Charles

Reply From: Likno Customer Support

Dear Charles,

The hint is the screenshot I gave you, but I was not sure that your form was flash. If you click on the “click here” link of the z-index property, you will read detailed information on how to fix this.

Specifically you will need to add the “wmode=transparent” parameter in a couple of places in your flash code. Please read this and let me know if you have more specific questions:

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

Hi Kostas,

Yes, I have added the "wmode=transparent" parameter only in files where the menu was displaying behind the web forms and the menu started displaying well. But I left out other files with web forms which didn't have the same problem because the forms were not located close to the menu. I wonder whether I have to do the same throughout to all the forms even where there is no problem. Please clarify me on that. Otherwise so far so good. Thanks a lot for your support and good cooperation.

Best regards,

Charles

Reply From: Likno Customer Support

Dear Charles,

Well, if there is no problem in the other pages, then you do not have to add this parameter. However, it will not do any harm if you do add it. So if you want your code to be consistent (for example to avoid possible copy-paste traps in the future) you can add the "transparent" parameter in all your flash codes.

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

Dear Kostas,

Thanks so much. I'm grateful for your support.

Charles

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

Initial Email From: Celia 
Initial Email Subject: Menu appears over lightbox window on zoomed images
Support Case Month: March 2012

Hello,
My website is still in the making however I've noticed something I would like to correct.
On the leftside column, please scroll down to 'BAMBOO BATH RUGS",  Click on that link and it will take you to the page where you can request more information.  Please click on "Click to view image ....
Now click on the image and you will notice that my Menu appears OVER the image instead of in the faded background along with the rest of the site information.  I would like to see the menu faded out as well.  How do I achieve this?
Thank you
Celia

Reply From: Likno Customer Support

Dear Celia,

Your Lightbox has a default z-index of 100 and the menu has a default z-index of 1000, hence the later appears on top.

Please change the menu z-index to (for example) 50 to resolve the 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: Celia

Hello,

Great!  This fixed my problem in less than 10 minutes .

Thanks for your help,

Celia

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

Initial Email From: User
Initial Email Subject: Web Tab Builder z-index
Support Case Month: July 2012

Hi,
when I insert a webtab with PDF inside an html page, it covers all the drop down menus which were not build in allwebmenus program. How do I change the settings so the webtab with PDF goes behind everything. I know I can change z-index on allwebmenus settings, but how do i change it with webtab builder? or how do i get around this issue?

Reply From: Likno Customer Support

Hello,

I am afraid that what you are asking for is not possible. The reason is that the PDF files are using a special Adobe PDF plugin to show in the browser, and this plugin fully takes over the specific browser part and always appears on top.

This is not related to our programs, nor can it be resolved using AllWebMenus or any other application. If you simply add an iFrame in your page with its src pointing to a pdf file you can test this for yourself. The same applies for Word or Excel documents (and others) that use similar plugins to display within a browser.

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