Simulator *couldn't link to a external link

4 posts, 0 answers
  1. Rozen
    Rozen avatar
    13 posts
    Member since:
    Aug 2013

    Posted 25 Aug 2013 Link to this post

    when i touch to a button the link should be taking me to the a website whenever, i try to touch on that link my apps freeze
    Here is my code..

    <ul data-role="listview" data-style="inset" data-type="group">
            <li>
                Winning Appliances Stores
                <ul>
                    <li data-icon="globe"><a href="http://www.winningappliances.com.au/appliance-stores/brookvale/">Brookvale</a></li>
                    <li data-icon="globe"><a href="http://www.winningappliances.com.au/appliance-stores/crows-nest/">Crow-nest</a></li>
                    <li data-icon="globe"><a href="http://www.winningappliances.com.au/appliance-stores/narellan/">Narellan</a></li>
                    
                </ul>
            </li>
        </ul>
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 27 Aug 2013 Link to this post

    Hello Rozen,

    We were not able to reproduce such a problem in our local tests. Maybe there is something else in your app that causes the simulator to freeze? Also does the problem exist when you deploy your app on real device? If the problem persists, please isolate it in a sample app and let us know its name, so we can review it and investigate.

    Regards,
    Steve
    Telerik

    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  3. Rozen
    Rozen avatar
    13 posts
    Member since:
    Aug 2013

    Posted 01 Sep 2013 Link to this post

    I have posted the code below. Sometimes it works some times it doesn't .

    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta charset="utf-8" />
            <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
            <link href="styles/main.css" rel="stylesheet" />

            <script src="cordova.js"></script>
            <script src="kendo/js/jquery.min.js"></script>
            <script src="kendo/js/kendo.mobile.min.js"></script>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

            <script src="scripts/login.js"></script>
            <script src="scripts/location.js"></script>
            <script src="scripts/weather.js"></script>
            <script src="scripts/app.js"></script>

        </head>
        <body>
           <div data-role="view" id="tabstrip-home" data-title="Showrooms" data-layout="tabstrip-appearance">
        <ul data-role="listview" data-style="inset" data-type="group">
            <li>
                Winning Appliances Stores
                <ul>
                    <li data-icon="globe"><a href="http://www.youtube.com/">Brookvale</a></li>
                    <li data-icon="globe"><a href="http://www.winningappliances.com.au/appliance-stores/crows-nest/">Crow-nest</a></li>
                    <li data-icon="globe"><a href="http://www.winningappliances.com.au/appliance-stores/narellan/">Narellan</a></li>
                    
                </ul>
            </li>
        </ul>
    </div>

            <!--Layout-->
            <div data-role="layout" data-id="tabstrip-layout" >

                <!--Header-->
                <div data-role="header">
                    <div data-role="navbar">
                        <span data-role="view-title"></span>
                    </div>
                </div>

                <!--Footer-->
                <div data-role="footer">
                    <div data-role="tabstrip">
                        <a href="#tabstrip-home" data-icon="home">Home</a>
                        <a href="#tabstrip-login" data-icon="contacts">Login</a>
                        <a href="#tabstrip-location" data-icon="search">Location</a>
                        <a href="#tabstrip-weather" data-icon="globe">Weather</a>
                    </div>
                </div>
            </div>
        </body>
    </html>
            

  4. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 03 Sep 2013 Link to this post

    Hello Rozen,

    Your TabStrip widget structure is not correct, notice that the Tabs never show and due to this errors are thrown (see Console tab in Debugger) and that is why your application freezes. Please use the default Kendo UI Mobile template as a base for correct TabStrip structure inside a mobile view.

    Regards,
    Steve
    Telerik

    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top