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


Initial Email From:
Robert
Initial Email Subject: Menu Question - over lap
Support Case Month: May 2013

Hi Kostas,

You told me how to fix an issue that I was having but the email was lost or deleted.

Let me quickly explain. The main menu across the top of the page goes a bit over the right side of the page border. This only shows up on other computers not mine. It was brought to my attention by one of our employees. I noticed it on my computer and asked you about it, you told me how to fix it, when I went to fix it, it looked okay and it still does on my computer. I even refreshed it, cleared all cookies and history and still looks fine on my computer, but on others it goes over the edge. I told the others to refresh it, cleared all cookies and history and it still looks the same on there computer?

I would take a screen shot but it still looks okay on my computer?

How does it look on your side?

How can I fix this?

I attached the menu if you need it.  You can always edit it if that is easier and let me know what you did.

Thanks Again!!

Robert

Reply From: Likno Customer Support

Dear Robert,

In order to correct this problem, please change the positioning to “top side center” for both the menu and the element anchor:

menu positioning settings

Sorry about this.

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

Thank You!

Have a great day!

Robert

 

Tags: , , , , , , , , , , ,

 

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


Initial Email From:
Claudio
Initial Email Subject: JavaScript function to trigger menu refresh.
Support Case Month: April 2013

Is there a JavaScript function I can trigger to force the refresh of the menu without having to refresh the page?

I am developing my first responsive menu, and the only solution that I could find to "wrap" the entire menu into a single button for the smartphone was to use jQuery to create another node in the <ul><li> structure for the menu.

It works! But the page needs to be refreshed.

I am open to other ideas and suggestions.  Do you have examples of other web sites that use your responsive menus that I can take a look at?  I have been using your product for many years and I don't mind adapting my design to fit your product specifications.

One more question related to Responsive Menus.

Please check in the iPad the link below.

  1. On portrait mode, select the menu option "Products", it should open the sub-menu.
  2. Leave the submenu open, and change the orientation to landscape mode.  The sub-menu remains open, but moves to Technical.

I would prefer that each time we change the orientation of the screen, the sub-menus would automatically close.

If you provide me the Javascript function that takes care of that, I can put in my code, but in this case I actually think should be default in the compilation of the AllWebMenu.

Claudio

Reply From: Likno Customer Support

Hello,

I am afraid that there is no way to refresh the menu without refreshing the page.

The only solution I can think of, is if you put the structure within the application, in which case you are allowed to have a different structure for each responsive version.

This would work, but it does not support pure CSS menus which are based on the UL/LI method (nor menus with dynamic structure, as it has to be defined within the application).

Regarding the iPad submenu issue, I have forwarded it to our developer team and I expect a fix to be released soon (so that the submenus close).

Also please note that the feature you asked for in December (loading the UL/LI menu after the DOM loads) has been included in the latest version of AllWebMenus.

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

Thank you very much for your responses.  I understand the delay because I also deal with technical issues that sometimes they either pile up or take longer to resolve.

I am happy that the issue of December was resolved!  I will download the latest version and recompile some of my menus to test it.  Thanks for taking care of that.

Regarding the refresh of the menu, the problem I presented is not a deal breaker.  Unless you are in a demonstration showing how the web site is responsive, resizing the window, you will not encounter problems if you simply land in the responsive web site in a smart-phone, a tablet or a desktop.

However I would like to know what would be a good natural suggestion for dynamically UL/LI responsive menu.

In you example page:  http://www.likno.com/examples/responsive-menu-resize-page.html, if you think about it, it is not a practical solution.

The menu shrinks from one line (above 768px)  to two lines (between 480px to 767px), and finally to a vertical menu (below 500px).

The menu version for smart phones (below 500px) seems to have the menu aligned to the top-left corner to the window browser (I don't know how it was configured), and the content of the page inside div class=highlightBox is being squeezed to the side.  It's not a practical solution! 

By the way, the sample for the page http://www.likno.com/examples/responsive-menu-resize-page.html  should be in pure HTML5, using NAV for the menu....  just a suggestion.  Other web developers might want to see your code to copy your solution.

If you don't mind, I would like to discuss with you some suggestions to present to other programmers. I am not the type to spend time in forums and blogs, but I do like a technical challenge to be discussed directly with the solution provider.  I will be happy if I can help you improve your product, which I like and have been using for a long time.

  1. My solution in Paneltronics web site uses jQuery to dynamically create another UL/LI level to nest the entire main navigation inside a single list item.  The problem (not deal breaker) is the page refresh.
  2. Another option, that I have not thought thoroughly, is to put the AllWebMenus to work with two HTML containers:  Div1 (contains Menu button), NAV. 
    For desktop and tablet:  Div1 is set to display = none, NAV is set to display = block;
    For smartphones:  Div1 is set to display = block, NAV is set to display = none.  A simpler jQuery will toggle the display of the AllWebMenu...  
    ... is that an idea that works?  I will try it later (don't know when), and let you know.

Claudio

P.S.

http://2012paneltronics.atimo.us/AboutUs.asp?op=Snapshot

Please check the page above to see how I decided to implement the responsive menu for mobile.

I created the <div class="buttonR" id="menuButton">MENU</div> and I am using jQuery to toggle between displaying/hiding the menu.

Read my comments in green in the message below.

It's a simple solution and may work well.

Reply From: Likno Customer Support

Dear Claudio,

Nice one! Very clever workaround indeed.

So you are basically moving the Positioning Element of the smaller menu in and out of page and the menu follows that.

I will keep it in mind in case someone else has a similar issue. Also I have added the request to allow for a different UL/LI structure in each “version”. This is of considered a very low-priority for now, but it will be implemented eventually (especially if more people ask for it).

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

Thank you!

Don't worry about the low-priority issue.  I have my problem resolved.  Feel free to share this solution with whoever has the same situation.

Claudio

 

Tags: , , , , , , , , , , ,

 

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


Initial Email From:
User
Initial Email Subject: menu overlap?
Support Case Month: February 2013

I appear to have aspects of two menus appearing on my site, and do not know how to correct this. I have deleted and republished the menu.js, but that did not correct the issue.
On my "correct" version the second tab from the left should be Contact Us. The older version was About Us.
The older version shows up each time, until the page is refreshed, but when you leave that page and return, the old format appears again.
Please help!

Reply From: Likno Customer Support

Hello,

I just visited your page and the menu says “Contact”. This is indeed what your online compiled menu has.

I noted however that you have two Linking Codes, the second of which is leading to a “page not found”. I recommend that you remove this second Linking Code:

two linking codes

Regarding viewing the latest menu, when you make changes to your site you should always make sure that you delete your browser’s cache files.

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

 

Tags: , , , , , , , , , , ,

 

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


Initial Email From:
Gary
Initial Email Subject: Changes to Menu Not holding
Support Case Month: February 2013

The menu was working fine. I wanted to add a new item under a submenu group. It's showing up in the "preview" and seems to be fine. However, when I upload all the menu files it does not reflect the change in the menu. I have tried uploading each and every file under the folder called "menu" which is the folder for all the components of the menu. I use Microsoft Expression 4 to design pages and the index.htm is not one updated with the .dwt file. All other of the .htm pages on the site are updated using the .dwt page. I have set the "link menu" to put the code on the index and the .dwt page. Any idea why this will not update correctly?
Thanks,
Gary

Reply From: Likno Customer Support

Dear Gary,

What should the new menu show? This is what I see online:

new menu preview

If you do not see the same thing, then you just need to delete your browser’s cache files (a.k.a. “Temporary Internet Files”).

If this is what you see, but you uploaded something else, then please double check your process:

1) When you compile does the compiled file change? You can delete the local “menu.js” file to make sure that a new one is created.

2) When uploading, make sure you are uploading to the correct folder. Again, delete the online “menu.js”, refresh your page to confirm that there is no menu, then upload the new one.

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

Much appreciated. I tried to send a later support email that the problem was user error, but your system would not accept the support email for some unknown reason. I had been saving to the wrong folder and that is why it was not showing up on web. Once I figured out my dumb mistake and corrected, it worked like a charm as it always has. I have been using some of your products for many years and they are excellent for what they are designed to do. Thanks for your response.

 

Tags: , , , , , , , , , ,

 

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


Initial Email From:
Paul
Initial Email Subject: Numbers with menu links
Support Case Month: June 2012

When I make any selection off my main menu to another web page, I get numbers at the end of it like this:

http://www.bkglrc.com/index.html#.T9dJFcXNl2k

I have two separate menus, with separate folders to contain each JS and image files.  None of my other web sites I use your menus on are doing this.  I'm at a loss for the reason.

The only software that does not produce these numbers is MS explorer.  I see the numbers in Chrome, FireFox, Safari.

Any help or direction would be appreciated.

Thank you, Paul

Reply From: Likno Customer Support

Dear Paul,

This is not related to our menus in any way.

I am pretty confident that it comes from the “google translate” code you have in this site.

Note that even if you type the URL by hand in the address bar, it “refreshes” automatically and shows the same code at the end.

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

Thank you Kostas!

Obviously you are very experienced... I have been staring at this code for weeks now trying to figure out the problem, searching your Q&A data base..

Paul

Reply From: Likno Customer Support

Dear Paul,

Did you verify that it is indeed caused by Google Translate code?

Anyway, in case you run into other problems in the future, remember that we are here to help.

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

Yes I moved the google to another part of the template - replaced all menus and after refresh they link without numbers.
Thank you muchly
Paul

 

Tags: , , , , , , , , , , , , , , , , , , , , ,

 


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