Page 1 of 1

Html component not filling screen

Posted: Fri Sep 26, 2014 9:32 am
by David wyatt

Hi,

i have a html component in my app which i want to fill the screen. ive tried setting dimensions to auto and 100% but it always show this
Image

i dont want a gap on the right, i wanted it to zoom to fit so that there are no visible side bars and it fills the screen excluding the menu bar

ive seen other similar questions but no definitive answer

thanks


Html component not filling screen

Posted: Fri Sep 26, 2014 10:50 am
by Evgene Karachevtsev

Hello David,

Please remove padding for the mobilecontainer page. Remove MARGINS for the HTML component. Set the width of the HTML component 100% height auto


Html component not filling screen

Posted: Fri Sep 26, 2014 2:06 pm
by David wyatt

Hi Evgene,
Thank you for quick response, i have already set both to zero. tried changing width to 100% and it makes no difference.


Html component not filling screen

Posted: Fri Sep 26, 2014 2:59 pm
by Kateryna Grynko

Hi David,

Please share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and tell us its name.


Html component not filling screen

Posted: Fri Sep 26, 2014 3:45 pm
by David wyatt

Thank you.
I have shared it with you, it's named scan and shop


Html component not filling screen

Posted: Fri Sep 26, 2014 4:13 pm
by Kateryna Grynko

Hi David,

You should add codewidth:100%/code to 'iframe' element with id="iframeForExternalSite".


Html component not filling screen

Posted: Sat Sep 27, 2014 10:32 am
by David wyatt

thank you,
its working now