Question

I have this GWT app which I need to “fit” within the resolution of a mobile device.

It should not do side scrolling (the width should be the width of the phone screen) but vertical scrolling is required as the app will show list or result items.

The main widget is a GWT VerticalPanel that house some composite widgets.

Any ideas?

Answer 1

You have to set the viewport and/or scale properties for Mobile Browsers of Android/iPhone.

<!-- 
     constraint viewport to device width, 
     set initial zoom level to 100%,
     disable user zoom
-->
<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=no" />

Read more about all viewport options here: Targeting Screens from Web Apps

And instead of using ResizeHandler, you could also use LayoutPanels which should be added to RootLayoutPanel instead of RootPanel. LayoutPanel resize automatically when the Window is resized.