HTMLview is not covering full screen


#1

Sir,

I am using HTMLview to show a webpage with our app. The problem is that HTMLview is not covering full screen. I have also tried to mention height 100%, but HTMLview is not responding.

Please guide, how can HTMLview cover full screen.

Thanking you

Code is :

 "<iframe height='100%' src='http://www.shellcomputer.in'></iframe>"

#2

Are you using any jQuery Mobile controls? jQM can mess this up - but there is a workaround.


#3

No, I am not using any jQuery Mobile Controls. I have simply open a new project and place HTMLView. In innerHTML property, I have written

<iframe height='100%' src='http://www.shellcomputer.in'></iframe>

#4

Here’s how I set it up in a recent project.

I used a Container, not an HTMLview.
attributes set to width=“100%”
style set to -webkit-overflow-scrolling:touch;

I set the value of the Container at runtime as follows:

style = 'height:calc(100% - 20px); width:100%;';
Container1.innerHTML = `<iframe style='${style}' srcdoc = '${htmlAGB}' ></iframe>`;

#5

I have also found a solution.

Form1.onshow = function() {
 var frameheight;
 var framewidth;

  frameheight=Form1.Height;
  framewidth=Form1.Width;

  HTMLview1.innerHTML="<iframe height="+frameheight +" width=" + framewidth + " src='http://www.shellcomputer.in'></iframe>";
};

#6

Great - be sure to test on the devices you will be using, especially if scrolling is involved.