Page 1 of 2
External links within the app window, header and footer.
Posted: Sun Nov 24, 2013 8:07 pm
by Lars Holtet
Hi!
I want the external links to open within the app instead of opening in the mobile browser.
How do i do this? To describe it better, i want the external link to open the page between the header and the footer, so i can use the "back" button, and keep the navigating within the app.
External links within the app window, header and footer.
Posted: Sun Nov 24, 2013 8:48 pm
by Igor
Hi,
You can use HTML component for this task. http://docs.appery.io/documentation/u...
External links within the app window, header and footer.
Posted: Sun Nov 24, 2013 8:50 pm
by Lars Holtet
How do i do that? If i f.ex want to link to www.twitter.com ? Just copy the sourcecode into the HTML component?
External links within the app window, header and footer.
Posted: Mon Nov 25, 2013 7:20 am
by Kateryna Grynko
Hi Lars,
You can use iframe. Add the following code in your HTML component:
precode<iframe src="http://appery.io"/>/code/pre
External links within the app window, header and footer.
Posted: Mon Nov 25, 2013 4:16 pm
by Lars Holtet
I have tried using iframes, and its works to a point
Its hard to scale the iframe within the mobile screen.. but i can try to work more on it 
Are there any alternatives to iframes, wich is easier to scale to a mobile screen?
External links within the app window, header and footer.
Posted: Mon Nov 25, 2013 6:50 pm
by Maryna Brodina
Hello! No, there is no alternative unfortunately.
External links within the app window, header and footer.
Posted: Tue Nov 26, 2013 2:11 pm
by Lars Holtet
I found a way so it works properly, now my problem is that i cant link to https:// pages.. only a href="http://" rel="nofollow"http:///a... is there a way to go around this?
External links within the app window, header and footer.
Posted: Tue Nov 26, 2013 2:26 pm
by Kateryna Grynko
Hi Lars,
What is the way you found?
External links within the app window, header and footer.
Posted: Wed Nov 27, 2013 7:02 pm
by Lars Holtet
body {width:100%;height:100%;margin:0;overflow:hidden;background-color:#252525;}
#iframe {position:absolute;left:0px;top:0px;}
External links within the app window, header and footer.
Posted: Wed Nov 27, 2013 7:03 pm
by Lars Holtet
This works and scales the site pretty good, but the problem is that many pages wont allow scaling in iframes anymore.. like google f.ex..
So.. i have to find another solution.. Is it possible to make a own browser within the app, so it doesnt use the phones browser?