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: Pat
Initial Email Subject: Menu buttons load slow
Support Case Month: April 2013

Is there anything extra I can do to make the menu load faster?
How does it load for you?

Thanks, Pat...

Reply From: Likno Customer Support

Dear Pat,

I checked your page and I saw that the menu does take a bit of time the first time it loads, because all of your items are images and they take some time to download. After the first load, when you visit another page the menu appears instantly as the images are cached in the browser, so this is not much of a problem.

However if you want to make your menu even faster/lighter, then the solution is to keep only two background images (for normal & mouseover) and use text for your menu items.

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

Thanks Kostas,

I’ll give that a try.

Thanks again, Pat…

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

Initial Email From: Vida
Initial Email Subject: All Web Menu Support Needed
Support Case Month: February 2013

Hello,

I am using AllWebMenus. The inlayed submenu item groups are not working properly. After navigating throughout the website the fly out area  become distorted.

Here is the url: {URL REMOVED}

Looking forward to the solution.

Reply From: Likno Customer Support

Dear Vida,

Are you referring to this?

If so, note that this is not related to scrolling. It is actually related to the image on the right side. This happens the first time you visit the page (or after deleting the cached files) as the first time you open the submenu the image is not loaded and has no height. Then when the image loads it pushes everything down and distorts the submenu. This happens because you are using the Full HTML mode and the image is not preloaded.

The solution is to simply add a fixed size to your image, for example:

<img height=”210” width=”160” src=”myImage.png” />

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

Hello Kostas,

Thank you so much for such prompt and effective response and solution. Adding the size of the image helped.

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

Initial Email From: Tracey
Initial Email Subject: Likno Web Modal with links
Support Case Month: February 2013

Hi what I'm trying to do is setup Likno Web Modal with links that come in to the window from external files (as I did . These links would replace the Web Modal with another Web Modal like this if you click on one of the images below and use either

Click To View Next Project Specs
or
Click To View Previous Project Specs

I did set up the project file so that each link would have its own

Modal_Window_1
Modal_Window_2
Modal_Window_3
Modal_Window_4
etc...

but the javascript was bigger (194kb) than if I just include the html in each single Modal_Window (127kb), this does not make sense why the empty ones are bigger.
Basically I'm asking if there is a way to replace the current Modal_Window with another Modal_Window with an external file with links in that file without using The Navigation Bar and Multi-Sheet.

Any help would be great

Thanks,
Tracey

Reply From: Likno Customer Support

Hello,

I believe the best way to go around this is to have each project spec in a separate HTML page that will be loaded with Ajax. Then you can use the Modal Window API to call each page into the same Modal Window. This way your JS project will be around 11-12kb!

I am attaching an example project for you. Let me know if you need anything else.

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

Thank You Very Much for the script, going to work well!!!

Tracey

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

Initial Email From: User
Initial Email Subject: can a carousel popup when a button is clicked
Support Case Month: November 2012

AllWebMenus is linked to a carousel evolution file and it is not loading. The idea is to have the carousel appear when the newhire button is clicked...can this be done and if so, how?
Thank you

Reply From: Likno Customer Support

Hello,

I see the modal window opening and I also saw your compiled file online. It seems that you have added the HTML code of a full page into this modal, including script files etc. This may cause problems, as you are not supposed to add script files directly into the “Embedded” code.

The best way to have this work, is to create a separate HTML page that has the carousel code (I expect you already have that and you copy-pasted the code from there into the “Embedded” code). Then in the Modal Window, load this page as “External”:

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