Paul de vos
Posts: 0
Joined: Mon May 19, 2014 10:27 pm

Problem HTML component and layout of wrapped webpage

Hi Katya,
Thanks I've tried the CSS, still not displaying correctly. Is it possible to link a button to a pre-defined url, in a in-app browser. With the app header and footer still displayed?

Paul de vos
Posts: 0
Joined: Mon May 19, 2014 10:27 pm

Problem HTML component and layout of wrapped webpage

Here is my current settings:

Image
Image
Image

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

Problem HTML component and layout of wrapped webpage

Hi Paul,

Why did you wrap a frame in a tag < p ? Please remove it.

Paul de vos
Posts: 0
Joined: Mon May 19, 2014 10:27 pm

Problem HTML component and layout of wrapped webpage

Its just something I tried when I couldn't get it to display correctly . I removed it, doesn't seem to make a difference.

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

Problem HTML component and layout of wrapped webpage

Hello Paul,

It is important to keep register in CSS, your page is called "Xbox", and you write "xbox", so use:

code# Xbox {
overflow: hidden;
} /code

An event page show hang such a handler:
codeApperyio ("htmlName")&#46; Height ($ (window)&#46; Height () - 90); /code

Here htmlName is the name of your html component,
90 - the total size of footer + header + indent of 4 pixels on each side (they have a height of 40 pixels and 42 pixels respectively)

Paul de vos
Posts: 0
Joined: Mon May 19, 2014 10:27 pm

Problem HTML component and layout of wrapped webpage

Thanks Evgene,
I've added the handler to a page show event as javascript.
It doesn't seem to make a difference when tested in the browser, however there is an improvement testing on a iphone, i'm now able to scroll down to the rest of the webpage, but the right side of page gets cut off.
In the browser it displays correctly if i change the test size to 640x960, but the html component doesn't conform to the screen when testing in smaller sizes.

Does the default page size in app settings or the predefined screen size of each page have any effect on the way components are displayed?

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

Problem HTML component and layout of wrapped webpage

Hello Paul,

You can use zoom to fit iframe content to screen size. Please take a look at this link: http://stackoverflow.com/questions/46...

Mike6979865
Posts: 0
Joined: Fri Jul 11, 2014 3:53 pm

Problem HTML component and layout of wrapped webpage

The iframe border is showing when I test on my iphone using appery.io app. I'm using the following html code:

Thanks,

Mike6979865
Posts: 0
Joined: Fri Jul 11, 2014 3:53 pm

Problem HTML component and layout of wrapped webpage

The iframe border is showing when I test on my iphone using appery.io app. I'm using the following html code:

Thanks,

Mike6979865
Posts: 0
Joined: Fri Jul 11, 2014 3:53 pm

Problem HTML component and layout of wrapped webpage

The iframe border is showing when I test on my iphone using appery.io app. I'm using the following html code:

Thanks,

Return to “Issues”