GXT 3.1 Border Layout Container with Horizontal Container Layout Example

BlcExample_HorizontalContainerLayout.java

import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.core.client.util.Margins;
import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer;
import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer.BorderLayoutData;
import com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer;
import com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer.HorizontalLayoutData;
import com.sencha.gxt.widget.core.client.container.CenterLayoutContainer;
import com.sencha.gxt.widget.core.client.container.MarginData;
import com.sencha.gxt.widget.core.client.container.SimpleContainer;
import com.sencha.gxt.widget.core.client.container.Viewport;

public class BlcExample_HorizontalContainerLayout {

  public BlcExample_HorizontalContainerLayout() {
    Viewport root = new Viewport();
    RootPanel.get().add(root);
    root.add(getMain());
  }

  private Widget getMain() {
    BorderLayoutData layoutDataNorth = new BorderLayoutData(100);
    BorderLayoutData layoutDataWest = new BorderLayoutData(150);
    BorderLayoutData layoutDataSouth = new BorderLayoutData(100);

    layoutDataNorth.setMargins(new Margins(10));
    layoutDataWest.setMargins(new Margins(10));
    layoutDataSouth.setMargins(new Margins(10));

    MarginData layoutDataCenter = new MarginData(10);

    BorderLayoutContainer main = new BorderLayoutContainer();
    main.setNorthWidget(getNorthWidget(), layoutDataNorth);
    main.setWestWidget(getWestWidget(), layoutDataWest);
    main.setSouthWidget(getSouthWidget(), layoutDataSouth);
    main.setCenterWidget(getCenterWidget(), layoutDataCenter);

    return main;
  }

  public Widget getNorthWidget() {
    SimpleContainer w = new SimpleContainer();
    w.setBorders(true);
    w.getElement().getStyle().setBackgroundColor("#FFF");
    w.add(getNorthWidgets());
    return w;
  }

  private Widget getNorthWidgets() {
    CenterLayoutContainer logo = new CenterLayoutContainer();
    logo.add(new HTML("Logo"));
    logo.setBorders(true);
    
    SimpleContainer spacer = new SimpleContainer();
    spacer.setBorders(true);
    
    CenterLayoutContainer controls = new CenterLayoutContainer();
    controls.setBorders(true);
    controls.add(getControls());
    
    HorizontalLayoutContainer w = new HorizontalLayoutContainer();
    w.add(logo, new HorizontalLayoutData(.25, 1, new Margins(10)));
    w.add(spacer, new HorizontalLayoutData(.50, 1, new Margins(10)));
    w.add(controls, new HorizontalLayoutData(.25, 1, new Margins(10)));
    
    return w;
  }

  private Widget getControls() {
    HTML login = new HTML("<a href=\"#\">Login</a>");
    
    CenterLayoutContainer controls = new CenterLayoutContainer();
    controls.add(login);
    
    return controls;
  }

  public Widget getWestWidget() {
    SimpleContainer w = new SimpleContainer();
    w.setBorders(true);
    w.getElement().getStyle().setBackgroundColor("#FFF");
    return w;
  }

  public Widget getSouthWidget() {
    SimpleContainer w = new SimpleContainer();
    w.setBorders(true);
    w.getElement().getStyle().setBackgroundColor("#FFF");
    return w;
  }

  public Widget getCenterWidget() {
    SimpleContainer w = new SimpleContainer();
    w.setBorders(true);
    w.getElement().getStyle().setBackgroundColor("#FFF");
    return w;
  }

}