Menu link issue on iPad

[John]

I love what you guys are doing but when I added links to a live use case on iPad the menu works but the links do not trigger. This works on the desktop with the mouse but it is not working on the iPad with the touch. Note again that the menus work in open and close and even the events trigger correctly. What does not work is a menu item wrapped in a link does not seem to trigger. So is this a bug or is there something different that I should be doing for these menu items to be links?

[Ben]

I concur on the framework and the iPad menu issue - however, worked around it by simply using the onclick and javascript to impact the location:

<a onclick="window.location.href='/'">Home</a>

[Kamen Bundev]

Hi Ben,

The issue has been addressed, but the patch is somewhat larger - I'm attaching the updated one. It also addresses general responsiveness issues.

Kind regards,
Kamen Bundev
the Telerik team

[John]

Heh, looking forward to that being public. Didn't help with the min version. :)

I am very glad you worked that out though. Will help greatly. Kudos on another excellent fix.

[David]

I just wanted to say thanks for the work around it has been very helpful for me.

[Brett Winklesky]

Can someone tell me how to apply the .patch file attached to this thread? 

[Kamen Bundev]

Hello Brett,

You can also wait for the service pack, which includes the fix. The service pack will be available this week.

Regards,
Kamen Bundev
the Telerik team

[Lorenzo]

Hi, I have a similar issue and I've been struggling on it all day long => it's time to ask for help.
I'm using Kendo UI 2012.3.1114 (at this time the latest version available) together with ASP.NET MVC and jQuery UI.
I'm having trouble with Menu (used as Menu Helper) and iPad (both iOS 5 and 6). The problem is that the menu i build dynamically does not work in the sense that the links do not... get linked ! 
I have a 1 level menu with 4 buttons (it's justa a test case for the project) and each button is Bound with the ControllerName and the ActionName properties. The links get created perfectly and they work an other browsers (Chrome, Firefox, IE) but not in iPad. When i "tap" over one of the buttons i see for a fraction of second in the navigation bar of Safari the correct link appears but it immediately disappears and nothing happens. 

Here is my code.

The controller which builds a List of MenuItem (Kendo.Mvc.UI.MenuItem) and renders a pertialView

[ChildActionOnly]

      public ActionResult buildNavMenu()

      {

 

          List<MenuItem> menu = new List<MenuItem>();

 

          menu.Add(new MenuItem { ControllerName = "Home", ActionName = "Index", Text = "Home", SpriteCssClasses = "ui-icon ui-icon-power" });

          menu.Add(new MenuItem { ControllerName = "Order", ActionName = "Index", Text = "Ordini", SpriteCssClasses = "ui-icon ui-icon-document" });

          menu.Add(new MenuItem { ControllerName = "Customer", ActionName = "Index", Text = "Anagrafica", SpriteCssClasses = "ui-icon ui-icon-person" });

          menu.Add(new MenuItem { ControllerName = "Analisys", ActionName = "Index", Text = "Analisi", SpriteCssClasses = "ui-icon ui-icon-flag" });

 

          return PartialView("Base/navMenu",menu);

      }

The partial View...

@model List<Kendo.Mvc.UI.MenuItem>

@(Html.Kendo().Menu()

    .Name("navMenu")

    .BindTo(Model, mappings =>

        {

            mappings

                .For<Kendo.Mvc.UI.MenuItem>(binding => binding

                    .ItemDataBound((item, menuItem) =>

                    {

                        item.Text = menuItem.Text;

 

                        item.ControllerName = menuItem.ControllerName;

                        item.ActionName = menuItem.ActionName;

                         

                        item.SpriteCssClasses = menuItem.SpriteCssClasses;

 

                    }));

 

        })

             

)

Note: I've used some jQuery UI classes for sprite images, but removing them does not make any difference.

Attached i post a screenshot of the result (don't know if it matters). 

The problem is as I've described.
I'm out of good ideas (of ideas in general at this point).

Please help!

Thanks

Lorenzo

 

[Georgi Krustev]

Hello Lorenzo,

 
I will suggest you check the latest internal build, which includes many fixes about touch/mouse events. Let me know if the problem still persists with the latest internal build.

Regards,
Georgi Krustev
the Telerik team

[Ian]

Hi,
I had the same problem with top-level menu items not responding to clicks on a Google Nexus 7 tablet. Internal build v2012.3.1121 fixed the problem for me.

Best regards,
Ian

[Juergen]

I am a bit confused regarding build numbers.

Using Telerik Control Panel, the most recent version displayed is 2012.3.1114.
Internal build which should fix the described problem is 2012.3.1121 where I have no idea how to obtain it.
NuGet tells me I can upgrade to 2012.3.1212.

Release history shows 1114 as the most recent version.

Any insights on this and ... what is the recommended way to upgrade to a new version ?

Best regards,
Juergen

[Dimo]

Hello Juergen,

Internal builds can be obtained by downloading them from our website. They are not distributed in any other way.

http://www.telerik.com/account/your-products/internal-builds.aspx

All the best,
Dimo
the Telerik team

[Anthony]

Hi,

I am facing the same issue on iPad. I am using kendoui.aspnetmvc.2012.3.1114.commercial and I can see the same version in internal build page. How to get v2012.3.1121 that solves this problem?

Thanks
Tanweer Badami

[Dimo]

Hello Tanweer,

When you log into your account and go to the internal builds page (link in my previous reply), and select the appropriate product and major version, you will see a download link - the currently available internal build for Kendo UI for ASP.NET MVC is 2012.3.1210 (1210 = December 10), so it is newer than the previously mentioned 1121 (November 21).

Let me know if there is anything unclear.

Regards,
Dimo
the Telerik team

[Anthony]

Hi Demo,

Thanks for your support. I found the internal build and have applied the hot fix but that patch does not fix the click issue on iPad. Could you please help me out in resolving this issue.

Thanks
Tanweer Badami

[Dimo]

Hi Tanweer,

I have just verified that the Kendo UI Menu works on iPad when the items contain hyperlinks, when using the latest internal build. The user is able to click them and the browser navigates. Please make sure that you have upgraded correctly and there is no some caching issue.

If the problem persists, please provide a runnable example for testing.

Regards,
Dimo
the Telerik team

[Anthony]

Thanks Dimo,

I was using the latest version of internal build. I removed all the instances of JQuery from MVC application and it started working. Looks like the conflict between Kendo JQuery and normal JQuery. I will have to replace all JQuery code with Kendo JQuery code.

Regards
Tanweer Badami

[Dimo]

Hello Tanweer,

We are patching jQuery with regard to event handling, however, this is done in our own code, so there is no problem to register a regular jQuery instance on the page. However, you should keep in mind two things:

1. There should be only one jQuery instance on the page.
2. Its version should be compatible with the Kendo UI version.

http://docs.kendoui.com/getting-started/javascript-dependencies#jquery-version

Regards,
Dimo
the Telerik team