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:&#47;&#47;appery&#46;io"&#47;>/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?