DockLayoutPanel not fullscreen with GWT uiBinder

Question

I want to display a fixed-size GUI (say, 700 x 400 pixels) at the top left of a browser window arbitrarily sized by the user. Within my 700x400, I want to lay out components via DockLayout. If possible, I'd like to do this purely declaratively, i.e. without code, using UIBinder XML.

The docs and examples aren't enough for me to figure this out. Here are specific questions:

• Is the DockLayoutPanel necessarily the outermost component, occupying the whole screen, or can I nest it?

  • If so, inside what to achieve the desired effect?

• Can I declaratively, i.e. in the XML add self-defined styles to the Google-predefined styles on components, i.e. the declarative equivalent of addStyleName(), or is all-or-nothing with styleName="{style.myName}" my only alternative?

  • If so, how?

Ideally, I'd like to see UIBinder XML code for a 700x400 blue-background DockLayoutPanel that sits at 0,0 in the browser window. TIA!