Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

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.

Igor
Posts: 0
Joined: Tue Apr 02, 2013 12:05 pm

External links within the app window, header and footer.

Hi,

You can use HTML component for this task. http://docs.appery.io/documentation/u...

Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

How do i do that? If i f.ex want to link to www.twitter.com ? Just copy the sourcecode into the HTML component?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

External links within the app window, header and footer.

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

Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

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?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

External links within the app window, header and footer.

Hello! No, there is no alternative unfortunately.

Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

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?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

External links within the app window, header and footer.

Hi Lars,

What is the way you found?

Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

body {width:100%;height:100%;margin:0;overflow:hidden;background-color:#252525;}
#iframe {position:absolute;left:0px;top:0px;}

Lars Holtet
Posts: 0
Joined: Sun Nov 24, 2013 5:47 pm

External links within the app window, header and footer.

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?

Return to “Issues”