Mobile demo with remote view does not work if link moved in HTML.

2 posts, 0 answers
  1. Alex Smith
    Alex Smith avatar
    17 posts
    Member since:
    Dec 2009

    Posted 22 Oct 2013 Link to this post

    I started with the demo here: http://demos.kendoui.com/mobile/view/index.html#/ 
    and modified the source very slightly to look like: 
    <div data-role="view" data-title="Views" data-layout="main-default">
        <a href="page2.html" id="broken">Remote View</a>
        <ul data-role="listview" data-style="inset" data-type="group">
            <li>Sources
                <ul>
                    <li><a href="#secondview">Local View</a></li>
                    <li><a href="page2.html" id="works">Remote View</a></li>
                </ul>
            </li>
        </ul>
     
        <ul data-role="listview" data-style="inset" data-type="group">
            <li>Types
                <ul>
                    <li><a href="#stretchview">Stretched View</a></li>
                </ul>
            </li>
        </ul>
    </div>
    The first <a> tag that references page2.html with id="broken" opens the new page outside the kendo application. It takes the browser directly to that HTML page.

    The second <a> tag that references page2.html with id="works" does in fact work correctly.

    Why is this?


    Thanks
  2. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 24 Oct 2013 Link to this post

    Hello Alex,

    Kendo  UI mobile automatically handles (and navigates) the taps of a limited set of widgets and elements. In this case, you should mark the link as a button widget using data-role attribute. 

    Regards,
    Petyo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top