Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Solution: Using CSS height 100% causes reduction in visibility of page content in WebWorks applications

by Retired on ‎11-05-2012 04:39 PM (7,548 Views)


Applies to:

  • BlackBerry® Device Software version 6 and 7.


Page content rendered within a BlackBerry® WebWorks™ application does not stretch to 100% of the screen height as expected if CSS is used to specify a page height of 100%.


The embedded WebView (named BrowserField) used within a compiled BlackBerry WebWorks application does not automatically grow in height if the page height is specified as 100% using CSS. As a result, if you specify height:100%, then the content may only be rendered in a small region at the top of the screen.


Use fixed position units to specify heights in a BrowserField (i.e. WebWorks apps created for BlackBerry Device Software version 6 and 7):


1) Using CSS 


body {
   height: 480px;


2) Using JavaScript®


document.addEventListener("load", function(e) {
   document.body.style.height = window.innerHeight + 'px';


by Developer
on ‎11-19-2012 11:39 AM
You can use "height: auto" and its working good at OS 6, 7
by Developer
on ‎12-07-2012 08:36 PM
Will it work for bb10?
Users Online
Currently online: 10 members 681 guests
Please welcome our newest community members: