RowLayoutExample.java

/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
package com.extjs.gxt.samples.client.examples.layouts;

import com.extjs.gxt.ui.client.Style.Orientation;
import com.extjs.gxt.ui.client.Style.Scroll;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Text;
import com.extjs.gxt.ui.client.widget.layout.FlowData;
import com.extjs.gxt.ui.client.widget.layout.RowData;
import com.extjs.gxt.ui.client.widget.layout.RowLayout;
import com.google.gwt.user.client.Element;

public class RowLayoutExample extends LayoutContainer {

  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    setScrollMode(Scroll.AUTOY);
    ContentPanel panel = new ContentPanel();
    panel.setHeading("RowLayout: Orientation set to vertical");
    panel.setLayout(new RowLayout(Orientation.VERTICAL));
    panel.setSize(400, 300);
    panel.setFrame(true);
    panel.setCollapsible(true);

    Text label1 = new Text("Test Label 1");
    label1.addStyleName("pad-text");
    label1.setStyleAttribute("backgroundColor", "white");
    label1.setBorders(true);

    Text label2 = new Text("Test Label 2");
    label2.addStyleName("pad-text");
    label2.setStyleAttribute("backgroundColor", "white");
    label2.setBorders(true);

    Text label3 = new Text("Test Label 3");
    label3.addStyleName("pad-text");
    label3.setStyleAttribute("backgroundColor", "white");
    label3.setBorders(true);

    panel.add(label1, new RowData(1, -1, new Margins(4)));
    panel.add(label2, new RowData(1, 1, new Margins(0, 4, 0, 4)));
    panel.add(label3, new RowData(1, -1, new Margins(4)));

    add(panel, new FlowData(10));

    panel = new ContentPanel();
    panel.setHeading("RowLayout: Orientation set to horizontal");
    panel.setLayout(new RowLayout(Orientation.HORIZONTAL));
    panel.setSize(400, 300);
    panel.setFrame(true);
    panel.setCollapsible(true);

    label1 = new Text("Test Label 1");
    label1.addStyleName("pad-text");
    label1.setStyleAttribute("backgroundColor", "white");
    label1.setBorders(true);

    label2 = new Text("Test Label 2");
    label2.addStyleName("pad-text");
    label2.setStyleAttribute("backgroundColor", "white");
    label2.setBorders(true);

    label3 = new Text("Test Label 3");
    label3.addStyleName("pad-text");
    label3.setStyleAttribute("backgroundColor", "white");
    label3.setBorders(true);

    panel.add(label1, new RowData(-1, 1, new Margins(4)));
    panel.add(label2, new RowData(1, 1, new Margins(4, 0, 4, 0)));
    panel.add(label3, new RowData(-1, 1, new Margins(4)));

    add(panel, new FlowData(10));
  }

}