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


Initial Email From: Dave
Initial Email Subject: dropdown support for iPad & iPhone
Support Case Month: April 2012

Is there support within AllWebMenus 5 for iPads and iPhones using Safari when using dropdowns on mouse overs?
Should I be doing something special to support these devices?
Thanks
Dave

Related URL: http://www.homeviewwindows.co.uk

Reply From: Likno Customer Support

Dear Dave,

Safari 5 was first supported back in May 2011 (just before the official Safari 5 version was released). I checked your site and see that your menu is compiled with a recent version, so you should not have to do anything else. Your menus should work fine in Safari 5 in all platforms (PC, Mac, iPhones & iPads).

Do you see some problem? If so, please give us more specific information and if possible send us a screenshot. If you updated your menus only recently, please try deleting Safari’s “cache files” and refreshing the page, as it is likely that you are still seeing the old files (this is especially true for mobile devices).

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

Thanks for the reply.

The issue I currently have with the site is specific to Mac iOS devices (iPad & iPhone).

The sites menu features drop-down menu items which appear on a mouseover state. Obviously when using a touch screen device you don’t get the same mouse action.

Having checked your support knowledge base I’ve seen that we can now populate the menu through the 1st UL/LI structure found, so I’m going to give that a go.

I think on reflection the main issue my client encounters is that because I have a link on the top menu item, when they click/tap on this using their iPad, rather than seeing the dropdown menu options, they get take to the top level link instead!

Thanks again for the reply/support. Please feel free to close this ticket down as I think I’ve now got it covered… I guess I should have done some more reading in your knowledge base first.

thanks,
Dave

Reply From: Likno Customer Support

Dear David,

Actually, we have special code in our libraries so that when you are using a touch device the first click will open the submenu and the second will follow the link.

If this does not work for a specific device, then we should correct it! Does this happen in both iPads and iPhones?

I will forward this case to our developer team and let you know as soon as I have more news. If this is indeed a bug, I expect a fix to be release within next week.

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

Yes indeed I experienced the issue on my iPhone 4s and my client originally spotted the issue on his wife’s iPad 1, then on his own iPad 2

Hope this helps.

For now on my site I’ve taken off the link to the top level item, so on a PC you naturally get the drop down on a mouse over, and on a touchscreen device you get it when you tap on the top level item.

I’d be interested in a ‘fix’ though.

All the best,
Dave

Reply From: Likno Customer Support

Dear David,

We did more tests regarding this issue, and we found both iPods and iPads to work properly. This is to say that the first touch would open the submenu and the second would follow the link.

If you believe that this does not work in your case, please create an online example that we can also check and let me know.

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