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

iPad Href problem

62 Answers 536 Views

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

62 Answers, 1 is accepted

answered on 02 Dec 2012, 10:48 AM

Hi Kate,

I set up 2 versions of the "same" very simple menu.
http://www.kitzblick.nl/testmenu.aspx (Version 2012 Q2)
http://www.kitzblick.nl/manager/testmenu.aspx (version 2012 Q3 internal build 11.27)

I have tested on the major browsers on PC. They all work okay.
I tested on 2 touch devices:
- Nokia Lumia 800, Windows Phone 7.5 standard Internet Explorer: works okay.
- iPad, iOS 6.01 standard Safari browser: Q2 works okay, Q3 menu collapses/expands okay but the menu links don't work.

You can see in the html code on the provided links I didn't do anything fancy.
I hope you can help,
Erik

answered on 27 Dec 2012, 03:24 PM

Hello all,

We tested locally the latest internal build(2012.3.1218) and the main problem introduced in Q3 SP1 was solved - RadMenu item doesn't navigate in iPad when NavigateUrl is set.
If someone still experience issues with this build - could you please open a separate ticket and send us RadMenu declaration, which demonstrates the issue to investigate it locally? This will help us to identify the problem quickly and find a proper solution.

Note that under iPad we have only one touch event, who should be responsible for two actions - open and navigate as opposed to desktop browsers where the events are two - mouse over and mouse click.

Thank you for your time and understanding.

Regards,
Helen
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 02 Jan 2013, 02:30 PM

I'm not sure why this seems to be a difficult concept.

Simply put, this doesn't work on my iPads, which are all running iOS 6.x. I don't have access to other iPads running 5.x. It does not work in either iCab or Safari. I haven't tested in my MacBook pro. Server is a Windows Server 2008R2 running latest IIS w/ all updates applied. Code otherwise works fine in development and from computer-based browsers... it is only iPads (and maybe other mobile devices, I haven't tested with other platforms since my client is iPad based).

The 1218 hotfix did not solve the issue.

NavigationMenu.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="NavigationMenu.ascx.cs" Inherits="NavigationMenu" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

<table width="100%">

<tr>

<td>

<telerik:RadMenu ID="RadMenu1" Runat="server" CollapseAnimation-Type="None" >

<Items>

<telerik:RadMenuItem runat="server" Text="Data Entry">

<Items>

<telerik:RadMenuItem runat="server" NavigateUrl="SelectCustomers.aspx" Text="Select Customers" />

<telerik:RadMenuItem runat="server" NavigateUrl="Test.aspx" Text="Test Form" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Help">

<Items>

<telerik:RadMenuItem runat="server" NavigateUrl="AboutMe.aspx" Target="_self" Text="About Me" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" NavigateUrl="Logout.aspx" Text="Logout" />

</Items>

</telerik:RadMenu>

</td>

<td align="right" width="100">

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" PersistenceMode="Cookie" />

</td>

</tr>

</table>

and in default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<%@ Register src="NavigationMenu.ascx" tagname="NavigationMenu" tagprefix="uc1" %>

<head runat="server">

<title></title>

<style type="text/css">

.style2

{

font-family: Tahoma;

text-align: center;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<uc1:NavigationMenu ID="NavigationMenu1" runat="server" />

<br />

</div>

<center>

<p class="style2">

Please select a function on the Main Menu to continue</p>

</center>

</form>

</body>

</html>

answered on 02 Jan 2013, 04:42 PM

Navigation.zip

Hello Michael,

Thank you for the detailed explanation.
We tested the behavior locally with latest 1218 hotfix, but couldn't find any problem.
Please find below a video as part of our local tests:

http://www.youtube.com/watch?v=4aWJVNXf7qw

Also find attached our test files.
What might be the difference in your case? What are we missing?

Regards,
Helen
the Telerik team

answered on 07 Jan 2013, 07:02 AM

I dont have older dlls to downgrade to.. would prefer to upgrade anyways instead... I could always create an alternative menu for iphone... but I dont prefer that option.

More detailed symptoms:

In my Android phone... the top menu links work ok... just not dropdown links. The dropdowns menu does drop down nicely though, even thought the links dont work.

In my IPad, the top menu links dont work...and the dropdown links. However here also, it drops down a menu nicely.

[ UPDATED post: FIXED!!! :) ]

I found the latest build... installed the relevant dlls in my bin directory... (replacing old ones) and it worked!
http://www.telerik.com/account/your-products/internal-builds.aspx

answered on 07 Jan 2013, 10:12 AM

Hi,

We have identified a problem when links are placed in ItemTemplate. This problem is already fixed and the fix will be included in the upcoming Service Pack which should be released tomorrow.

@Craig : The problem with the context menu is already fixed and the fix will be included in the SP.

@Bill: You could upgrade to the upcoming SP..

@Robert: I'm glad that the problem is resolved at your end.

@ToltingColtAcres and @bydoga: could you clarify whether an ItemTemplate is used at your end and if not, could you share the implementation of the RadMenu that you are using, so we could investigate this issue further?

Regards,
Dimitar Terziev
the Telerik team

answered on 10 Jan 2013, 04:41 PM

I'm happy to report that 2012.3.1308 has corrected the problem with the menus not being clickable.

However, it seems to have introduced another problem which did not seem to exist in the past.

That is, if you have a nested menu, with each level offering a NavigateURL, e.g.

Top Level
- Area 1
  - District 1
    - Territory 1
    - Territory 2
  - District 2
    - Territory 3
    - Territory 4
- Area 2
  - District 3
    - Territory 5
    - Territory 6
  - District 4
    - Territory 7

Where the area, district, and territory options each have a navigateURL assigned to them (in the event you want to select an entire area rather than a specific distict or territory within an area/district) any attempt to expand the menu past the 'Area' level results in the menu interpreting the request as a 'click' on the area level.

The menu works okay on Windows, its only on the mobile platform that its a problem.

Is this simply functionality that is not supported on the mobile platform?

answered on 15 Jan 2013, 03:26 PM

Hi,

I'm glad that the problem with the navigation is now resolved.

As for the behavior when the root item has navigate URL and there is hierarchy, indeed the child items could not be shown since upon click on the root item a navigation is performed. As my colleague mentioned before the mobile browsers have only one touch event, who should be responsible for two actions - open and navigate as opposed to desktop browsers where the events are two - mouse over and mouse click.

We are currently working to resolve this issue so for the official release the following behavior for mobile browsers will be applied. If the root item has navigate URL and children, upon first click (touch) its children will be shown and upon second click it will perform navigation. If there are no children the item will navigate when clicked for the first time.

Greetings,
Dimitar Terziev
the Telerik team

answered on 26 Feb 2013, 03:03 PM

Hi Khai,

If you are using Sitefinity then it's advisable to download the official version (2013.1.220) of our controls which we have just released. Also please verify that the necessary binding redirects are added in the web config file:

<runtime>

<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">

<dependentAssembly>

<assemblyIdentity name="Microsoft.Http"

publicKeyToken="31bf3856ad364e35"

culture="neutral" />

<bindingRedirect oldVersion="the version which you are currently using"

newVersion="2013.1.220.40"/>

</dependentAssembly>

</assemblyBinding>

</runtime>

All the best,
Dimitar Terziev
the Telerik team

answered on 01 May 2013, 09:02 PM

We are experiencing similar issues with regards to iPads and multi-level context menus. The initial flyout works but any subsequent flyouts do not. We are creating the menus via code behind as follows:

Dim itmMenu As RadMenuItem

itmMenu = New RadMenuItem

itmMenu.Text = "Root Menu"

itmMenu.Value = "Root_Menu"

mnuServiceOrders.Items.Add(itmMenu)

Dim itmCategory As RadMenuItem

For i As Integer = 1 To 5

itmCategory = New RadMenuItem

itmCategory.Text = "Category Menu " & i.ToString

itmCategory.Value = "Category_Menu" & i.ToString

itmMenu.Items.Add(itmCategory)

Dim itmSubCategory As RadMenuItem

For j As Integer = 1 To 10

itmSubCategory = New RadMenuItem

itmSubCategory.Text = "Category SubMenu " & j.ToString

itmSubCategory.Value = "Category_SubMenu" & j.ToString

itmCategory.Items.Add(itmSubCategory)

Next

answered on 20 Aug 2013, 06:44 PM

Has the fix described by Helen 0n Dec 27, 2012 been completed and released? I'm using 2013.1.417.40 with vs2010 and having problems. I'm using a database table as the datasource. When I have submenus, noting happens on the menu press. When there are no submenus, the menu item works.

What could I be doing wrong, or what do I need to download to make it work? My code is pretty straightforward;
<asp:Content ID="Content3" ContentPlaceHolderID="SideMenu" runat="server">
    <p>
         <asp:Button ID="btn_AL" runat="server" Text="Show A-L" />  <asp:Button ID="btn_MZ"
            runat="server" Text="Show M-Z" />
    </p>
     <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" Width="195px" Skin="Web20">
    </telerik:RadMenu>
</asp:Content>

The codebehind:

       Dim dt As DataTable = GetMenuTable()
        RadMenu1.DataSource = dt
        RadMenu1.DataFieldID = "GlssryID"
        RadMenu1.DataFieldParentID = "ParentID"
        RadMenu1.DataTextField = "MenuText"
        RadMenu1.DataValueField = "GlssryID"
        RadMenu1.DataNavigateUrlField = "URL"
        RadMenu1.DataBind()

Thanks.
Ron

answered on 22 Aug 2013, 08:40 AM

Hi Ron,

I noticed that you also open a support ticket related to the same issue. I have already sent my answer there but I will also paste it here in case anyone else is interested in the reply:

In general with the 2013.2.xxxx version of the RadControls all the issue related to the iPad and touch devices are fixed. Please try out using any of these versions and check how it goes from your side. I would also suggest that you check our demos and let me know if you get any issues there as well.

Regards,
Kate
Telerik

answered on 22 Aug 2013, 11:04 PM

The app is still not working. Now if the root menu has a URL and submenus, a tap removes the right arrow indicating submenus, but nothing else happens.,

If the root menu has a URL and no submenus, then it goes to that URL.

This is a vertical menu. I updated it today to version 2013.2.717.40, on the advice that it would fix the problem. Either the solution doesn't work, or I'm doing something wrong or skipping something I should be doing to make it work.

Can you post a sample project that works, so I can post it on my test site and see if it works for me, preferably in vb? The previous sample was a collection of screen,s but no project as such.

I've previously posted my code. Let me know if you need more info or code.

Thanks.
Ron

answered on 26 Aug 2013, 12:17 PM

LiveDemo.png

Hi Ron,

In order to access the code of the demos you will need to log in to your Telerik account and find them with the respective version of the RadControls (as demonstrated on the attached image file). The version of the current on-line demos is 2013.2.717.40.

Regards,
Kate
Telerik

answered on 07 Mar 2014, 08:12 AM

Sorry to "reopen" this but Im running into the same issues as described here (running latest q1 2014 release).

Our scenario is similar to this: Vertical menu with navigateUrl on subMenuHeaders

I've managed to get partly around this by hooking up to the OnClientItemClicking property scripting (se below). The problem for me is that on Ipad (or touch Devices) the OnClientitemClicking doesnt fire on the 2nd click on a submenu header with a navigateurl. On first click event fires and opens the submenu. On 2nd click the navigateurl is opened but is the menu is not closed, nor the event is not fired unabling me to close the menu manually.

This is done because we want mouse over funcationality on desktop clients (but that obviously doesnt work on touch devices).

function OnRadMenuClientItemClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var value = item.get_value();

if (!Modernizr.touch) {

previousOpenedItemVal = value;

}

if ((item._hasItems && previousOpenedItemVal != value)) {

previousOpenedItemVal = value;

item.open();

eventArgs.set_cancel(true);

}

else {

item._parent.close();

item.blur();

sender.close();

previousOpenedItemVal = "";

eventArgs.set_cancel(false);

}