Forum | Appery.io

How do I embed an external website within my APP? I tried using the HTML tool, but I could not make a frame that would increase in size, no mater what pixel count I entered. Further, if I can embed an external website, is it possible to call upon the external website's mobile version and is it possible to embed only a part of the external website?

Hello,

You can use InAppBrowser: http://docs.appery.io/tutorials/using...

Thank you! Will this allow me to embed the external site inside the APP, so that the user does not leave the navigation buttons of the APP? Or does this only trigger the user's browser to open? Also, is it possible to embed only a "part" of the exteral site in the APP?

Thank you! 1) Will this allow me to embed the external site inside the mobile APP, so that the user does not leave the navigation buttons of the APP? Or does this only trigger the user's browser to open? We do not want the user to feel as if he or she is leaving the four corners of the APP. 2) Also, is it possible to embed only a "part" of the exteral site in the APP?

Hello Aaron,

You can set up to open within app, please read this http://wiki.apache.org/cordova/InAppB...
[quote:]
Also, is it possible to embed only a "part" of the exteral site in the APP?[/quote]

Unfortunately, I'm not familiar with this, you can search for some workarounds online.

Thank you for this excellent response. Unfortunately, I cannot get the InAPP browser to work properly. Could you possibly help me figure this out a little bit more?

I read the articles (thank you for them), but they left me a bit confused.

I am looking for a pretty simple feature. I have the APP interface. I want to click on a button. I want the button to open the InAPP browser with a specified URL inside. I want to keep the footer and header visible.

Would you kindly provide the code I should insert on this post? I want to make sure I get this right.

Hello Aaron,

This code opens website in app (without Header and Footer),

On Click event Run JS:

prewindow.open('http://docs.appery.io','_self');/pre

To save Footer and Header you need to use code<iframe>/code in HTML component (in the post - Panel component)
Here is an example https://getsatisfaction.com/apperyio/...

Almost there. Thank you! I reviewed the iframe post (it seems I would prefer that method), which stated the following:

Use the following code in panel:

and this code on Page ready:
$("#metrocustomhtmlName").css("height", "100%");
window.open("http://appery.io/", "iframeName");
where metrocustomhtmlName - Panel name

1) How do I insert the code in the panel? Through the HTML component, and just place it on the panel?

2) How do I insert the code on "Page"? What does "Page" refer to?

Thank you for making this easier for me. I look forward to figuring this out.

Correction -- The code read:

Hello! Use the following code in panel:

and this code on Page ready:
$("#metrocustomhtmlName").css("height", "100%");
window.open("http://appery.io/", "iframeName");
where metrocustomhtmlName - Panel name

Hello! Use the following code in panel:

and this code on Page ready:
$("#metrocustomhtmlName").css("height", "100%");
window.open("http://appery.io/", "iframeName");
where metrocustomhtmlName - Panel name