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

Hyperlinks with data-rel="external" not working on iOS

12 Answers 344 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Fotis Papppas
Top achievements
Rank 2
Fotis Papppas asked on 30 Nov 2012, 11:14 PM
This example works perfect with chrome http://www.grapto.com/mobile/publication/65 but if you test it with an iOS device the link seems to start loading but it stops without doing anything.

12 Answers, 1 is accepted

Sort by
0
Christopher Tallos
Top achievements
Rank 1
answered on 04 Dec 2012, 01:11 AM
Any solution to this found yet.  I concur and can reproduce the same thing.  URL address bar flashes but goes nowhere in IOS.
0
Petyo
Telerik team
answered on 04 Dec 2012, 08:20 AM
Hello guys,

We are going to address this problem in our next internal build, about to be uploaded today. I am sorry for the inconvenience.

Regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Christopher Tallos
Top achievements
Rank 1
answered on 05 Dec 2012, 01:49 AM
Hi Petyo,

I've provided a sample application that I am working on at http://staging.savvyon.com/mobile/default.aspx.  I've implemented the 2012.3.1204 internal build version and it is still not working.  The first time you enter the app using an ipad (ios 5 or 6) You are able to click an internal view link (e.g. <a href="#portfolio">Portfolio</a>, however, when you navigate back from the portfolio, either with the browser back button OR the tabstrip, you can no longer click the link.  It should be noted though, that if you click the link multiple time in succession then eventually the link will work, but then fail again when navigating back to the initial view. Maybe I'm doing something wrong or missing something, please let me know.

I also added an index page at this location http://staging.savvyon.com/mobile/index.html just to take asp.net totally out of the equation.
0
Tobias
Top achievements
Rank 1
answered on 05 Dec 2012, 11:00 AM
Hi Petyo,
where can the 2012.3.1204 internal build be downloaded?
Thanks,
Tobias
0
Petyo
Telerik team
answered on 05 Dec 2012, 03:08 PM
Hi Christopher,

You haven't updated your script reference:

<script src="/scripts/kendo/2012.3.1114/kendo.mobile.min.js" type="text/javascript"></script>


Also, the portfolio link does not feature data-rel="external" attribute.

Kind regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Christopher Tallos
Top achievements
Rank 1
answered on 05 Dec 2012, 11:20 PM
Duh! Forgot the scripts farther down the page and wallah! It's all working now!  Thank you for the update, when can I expect the nest full release vs internal build?
0
Alexander Valchev
Telerik team
answered on 07 Dec 2012, 12:57 PM
Hi Christopher,

Internal builds are usually released once in a week or two, the exact time frame depends on the amount and importance of bug fixes.
Official as well as Service Pack releases contain new functionality/widgets and are released in a longer period of time. The next major release is expected in the first quarter of 2013.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Fotis Papppas
Top achievements
Rank 2
answered on 09 Dec 2012, 09:52 PM
Still need to press the link 5-10 times before it gets the click (tap) event on iOS with version 2012.3.1114
With version 2012.2.710 everything is ok


the following application http://www.grapto.com/mobile/publication/314/376 works perfect with 2.710 if i replace the version with 3.1114 I have to tap a lot ! to make it navigate.
0
Petyo
Telerik team
answered on 11 Dec 2012, 08:57 AM
Hi Fottis,

Your observations are correct. In this thread, we discuss that problems similar to what you describe are addressed in internal builds, released after the one you are using.

Greetings,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
devteam
Top achievements
Rank 1
answered on 31 Dec 2012, 10:34 PM
I'm unable to get external "mailto" and "tel" links to work. 

Iv'e tried builds:
  • 2012.3 1114
  • 2012.3.1210
  • 2012.3.1121
Is there a temporary fix for this issue?
<ul data-role="listview">
    <li><a href="tel:1-555-555-5555" data-rel="external">tel:1-555-555-5555</a></li>
    <li><a href="mailto:test@test.com" data-rel="external">mailto:test@test.com</a></li>
</ul>
0
Alexander Valchev
Telerik team
answered on 02 Jan 2013, 10:07 AM
Hi Maciej,

I tested your code with v 2012.3.1210 on both iOS and Android phone and got it working as expected. In case you need further assistance please open a support ticket and I will send you my test page together with the internal build package so you can test on your side.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
devteam
Top achievements
Rank 1
answered on 02 Jan 2013, 05:32 PM
My mistake. I was testing with jquery 1.7.2. 

Thanks Alexander
Tags
General Discussions
Asked by
Fotis Papppas
Top achievements
Rank 2
Answers by
Christopher Tallos
Top achievements
Rank 1
Petyo
Telerik team
Tobias
Top achievements
Rank 1
Alexander Valchev
Telerik team
Fotis Papppas
Top achievements
Rank 2
devteam
Top achievements
Rank 1
Share this question
or