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: Main Menu Mouse Over Positioning
Support Case Month: January 2013

Hello,

Please visit the link provided. My problem is with the bottom "Home" link. How do I make the mouse over image appear in alignment with the bottom right corner of the "Normal" image? (note how the link jumps down the page (84 px ?!) upon mouse over.)

Robert

Reply From: Likno Customer Support

Hello Robert,

I assume that you have a submenu with one item that opens on mouse over, correct? (if not, please use "File -> Export" to send me the project)

In that case, just use a "custom" value for the Offset of that submenu which will be related to the images height:

Thank you.

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

Finally! Everything seems to be working except in IE (v9.0.12) where the submenu breaks float constraints (see attached image). Note the house with the smoke now falls under the link “{URL REMOVED}” when the window has been resized to allow the visitor to scroll below the bottom of the page. I have tested this in Opera, Safari, Firefox and Chrome and IE is the only one with this problem (surprise!)

Everything else works just like I want it to.

Please advise.

robert

Reply From: Likno Customer Support

Dear Robert,

I just checked your page with both IE9 & IE10 and the menu seems to work just fine! do you still see the problem? If so, can you please send me a screenshot?

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

there was a screen shot attached to the original message. I have attached one here too along with the IE version. please note: I intentionally tried to break the navigation. once I had finished scrolling down the page I resized the window so that I could scroll down some more. that’s when it breaks.

Reply From: Likno Customer Support

Ok, now I understood what you meant and I was able to replicate the problem! This is because the script keeps the image within the browser window.

I will forward this to our developers for further consideration. Note however this will probably be treated as a low-priority case as it does not really affect a real viewer use-case.

I will let you know of their response.

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 Likno Web Accordion Builder, abstracted and stripped of all user’s private info.

Initial Email From: Carole
Initial Email Subject: Can not position our LWAC...
Support Case Month: November 2012

Hi,
After having bought and installed a LWAC menu, we are unable to position it into our structure.
Please read the note for LIKNO in the html code.
Thank you for helping us.
Carole

Reply From: Likno Customer Support

Hello,

I tested your page again with multiple browsers and I also looked at your accordion project.

First of all, regarding your initial question, if you want the accordion to appear where its initial structure was, then you need to select this in the project. Currently in your project you have set the accordion to appear on the top-right corner, and this is what it does.

This is what you have now:

And this is what you want instead:

Regarding the “flickering” now, I noticed that only happening in Firefox. It seems that the header mouseover/mouseout is triggered multiple times. Do you really need this to be activated on mouseover instead of click? I am asking this because personally I feel that mouseover does not fit the accordion controls anyway! Even in all other browsers where the bug does not exist, the handling seems erratic. Plus having to mouseout and mouseover again to open or close the accordion is not very practical. For the above reasons we always recommend that you use mouse click as the trigger.

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

Hi Kostas,

Thanks again for your help. We made the changes and everything seems to work out fine.

Carole

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

Initial Email From: Brad
Initial Email Subject: tooltip 
Support Case Month: November 2012

Hi,

I followed the steps outlined in the help file. I created my tooltip.

Put the name of the tooltip into allwebmenus/ Style/ tooltip Style for mouse over.

I linked both projects to my page. Compiled both. I checked to make sure the js file was where it was supposed to be. When  I mouseover the allwebmenus item nothing happens.

Any ideas?

Thanks,  Brad

Reply From: Likno Customer Support

Dear Brad,

The problem is that you have not set the tooltip as an “AllWebMenus” tooltip:

You HAVE to do this if you want the tooltips to work in AllWebMenus.

Then if you want to load an external page, you can do this with code within AllWebMenus:

Just make sure that the iframe size matches the tooltip size…

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

Kostas,

I have it working now.  I updated my version of AllWebMenus and that seemed to do the trick.

Thanks for your help,
Brad

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

Initial Email From: User
Initial Email Subject: Preview web page upon mouseover
Support Case Month: May 2012

Hello Support:

I am looking for a script (more like your tooltip script) that does the following:

When I mouseover a link, it shows a preview image of the web page. You should also be able to click on that same link to be transferred to that web page.

Please go to http://www.codecanyon.net and mouseover their images. You see a preview of the web page and then can also click on it to go to that page. Can the tooltip script do this? Do you have a script that can do this?

Reply From: Likno Customer Support

Hello,

What you describe (showing a preview of the linked site) would be possible only through an online service that does this (taking screenshots of all sites out there). A service that can do this for example is “thumbalizr.com”. Using their API along with our Tooltips you can achieve the desired effect.

Also note, that having the sites as screenshot images will likely work faster than using a real online screenshot service (but then again, you’ll need to make a screenshot for each link manually).

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

Hello Kostas:

Thank you for your response:

To manually insert an image as a preview is fine.  However, can the Tooltips or any of the Likno scripts do a mouseover (to preview the image) and also have the capability to click on the link to go to that page. It appears that two actions (mouseover and click) have to be available to do what CodeCanyon does.

Reply From: Likno Customer Support

Of course! With Tooltips, you can show the tooltip on mouse-over and the link will work normally.

Note that these are standard page links with images in them. You do not need an extra script to make the link work. The tooltip is the only thing on top of a standard link.

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

Thank you!

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

Initial Email From: User
Initial Email Subject: Strange jumping behavior for css bottom menu depending on how far down on page it is placed
Support Case Month: January 2013

I want to use two css ul/li menus on a webpage:
http://www.tsgusa.com/test_bottommenu.htm
When I move the bottom menu down to create a longer white space in between the menus, a new strange mouseover behavior occurs.  Upon mouseover only on the bottom menu items, the page jumps up to the top before I can click on the menu item to select it.
http://www.tsgusa.com/test_bottommenujumper.htm
I need to create a longer page but as soon as I place the bottom menu below the browser bar, the jumping behavior occurs. 
This did not happen with the same menu done in the java menu genre.
Using more recent version of menu pro.  Attached relevant files.

Reply From: Likno Customer Support

Hello,

This behavior is caused by a feature in the keyboard navigation that in this case turned into a bug. You can temporarily correct it by moving the ULLI code into the div where the menu will actually be positioned.

In the meantime I have forwarded this to our developers and I expect the issue to be permanently fixed in the library in the next release. I will let you know as soon as the permanent fix is online.

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

Thanks for the follow up - glad to know it wasn't my error (this time).

Reply From: Likno Customer Support

Hello,

This is to let you know that the latest AllWebMenus version (build 902.2) includes the fix to the bug you experienced.

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