This question is locked. New answers and comments are not allowed.
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:
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?
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?
1 Answer, 1 is accepted
0
Accepted
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
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.