This is a migrated thread and some comments may be shown as answers.

Menu link issue on iPad

17 Answers 265 Views
Menu
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 01 Dec 2011, 11:15 PM
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?

17 Answers, 1 is accepted

Sort by
0
Ben
Top achievements
Rank 1
answered on 04 Dec 2011, 12:37 AM
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>
0
Accepted
Kamen Bundev
Telerik team
answered on 05 Dec 2011, 04:14 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
John
Top achievements
Rank 1
answered on 09 Dec 2011, 09:02 PM
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.
0
David
Top achievements
Rank 1
answered on 09 Jan 2012, 02:42 AM
I just wanted to say thanks for the work around it has been very helpful for me.
0
Brett Winklesky
Top achievements
Rank 1
answered on 06 Feb 2012, 09:47 PM
Can someone tell me how to apply the .patch file attached to this thread? 
0
Kamen Bundev
Telerik team
answered on 07 Feb 2012, 09:53 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Lorenzo
Top achievements
Rank 1
answered on 20 Nov 2012, 05:48 PM
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

 
0
Georgi Krustev
Telerik team
answered on 26 Nov 2012, 10:04 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ian
Top achievements
Rank 1
answered on 27 Nov 2012, 09:05 AM
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
0
Juergen
Top achievements
Rank 1
answered on 02 Jan 2013, 11:18 AM
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
0
Dimo
Telerik team
answered on 02 Jan 2013, 11:26 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Anthony
Top achievements
Rank 1
answered on 03 Jan 2013, 04:36 AM
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
0
Dimo
Telerik team
answered on 03 Jan 2013, 12:44 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Anthony
Top achievements
Rank 1
answered on 06 Jan 2013, 11:51 PM
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
0
Dimo
Telerik team
answered on 07 Jan 2013, 12:23 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Anthony
Top achievements
Rank 1
answered on 08 Jan 2013, 12:49 AM
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
0
Dimo
Telerik team
answered on 08 Jan 2013, 08:39 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Menu
Asked by
John
Top achievements
Rank 1
Answers by
Ben
Top achievements
Rank 1
Kamen Bundev
Telerik team
John
Top achievements
Rank 1
David
Top achievements
Rank 1
Brett Winklesky
Top achievements
Rank 1
Lorenzo
Top achievements
Rank 1
Georgi Krustev
Telerik team
Ian
Top achievements
Rank 1
Juergen
Top achievements
Rank 1
Dimo
Telerik team
Anthony
Top achievements
Rank 1
Share this question
or