KendoUI Embedded External Links

2 posts, 1 answers
  1. Scott
    Scott avatar
    1 posts
    Member since:
    Jul 2014

    Posted 07 Jan 2015 Link to this post

    I have a fully functioning mobile app written in HTML5/JS using the Kendo UI Framework (v2014.3.1119). When I do a link to a child view inside my app, it looks something like this:

    1.<a href="path/to/view.html">Link</a>


    That works great, as does using the typical Kendo router entity when I need to redirect in JS. 

    The question I have is, is there a way to have a link like this to an external site where the external site loads inside the mobile app (it's mobile friendly) so my header/footer stay put? I'm not finding any examples of this and when I try to do a link inside, it doesn't seem to work. I'm sure this is simple, but can't seem to figure it out.

    Thoughts?
  2. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 12 Jan 2015 Link to this post

    Hi Scott,

    Essentially, if you need to open an external page and display it within the mobile view, then the only solution is an iframe. However, iframes introduce security concerns and they behave differently on different devices and platforms. Which is why in hybrid apps, external pages are usually opened in an external browser.

    Cordova provides an API which allows you to open an external page in an InAppBrowser on top of your application. The browser has a built-in toolbar which allows you to navigate back and forth as well as close it when you're done browsing outside your app. Further, the API allows you to open external pages in the system browser of the device as well.

    You can easily take advantage of the InAppBrowser API in an AppBuilder app - all you need to do is make sure the plugin is enabled in the projects properties.

    Regards,
    Tina Stancheva
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top