Horizontal box layout align middle (Ext GWT) : Layout « GWT « Java

Horizontal box layout align middle (Ext GWT)

Horizontal box layout align middle (Ext GWT)

 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * http://extjs.com/license
package com.google.gwt.sample.hello.client;

import com.extjs.gxt.ui.client.Style.LayoutRegion;
import com.extjs.gxt.ui.client.Style.Scroll;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.Events;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.util.Padding;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.Html;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Text;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.button.ToggleButton;
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowData;
import com.extjs.gxt.ui.client.widget.layout.HBoxLayout;
import com.extjs.gxt.ui.client.widget.layout.HBoxLayoutData;
import com.extjs.gxt.ui.client.widget.layout.VBoxLayoutData;
import com.extjs.gxt.ui.client.widget.layout.HBoxLayout.HBoxLayoutAlign;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.RootPanel;

public class Hello implements EntryPoint {

  public void onModuleLoad() {

    RootPanel.get().add(new VBoxLayoutExample());


class VBoxLayoutExample extends LayoutContainer {
  private ContentPanel lccenter;

  private String button1Text = "Button 1";

  private String button2Text = "Button 2";

  private String button3Text = "Button 3";

  private String button4Text = "Button Long 4";

  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    ContentPanel panel = new ContentPanel();
    panel.setHeading("VerticalBox Example");
    panel.setSize(600, 500);
    panel.setLayout(new BorderLayout());

    BorderLayoutData west = new BorderLayoutData(LayoutRegion.WEST, 150, 100, 250);
    west.setMargins(new Margins(5));

    lccenter = new ContentPanel();
    lccenter.setLayout(new FitLayout());
        .add(new Html(
            "<p style=\"padding:10px;color:#556677;font-size:11px;\">Select a configuration on the left</p>"));
    BorderLayoutData center = new BorderLayoutData(LayoutRegion.CENTER);
    center.setMargins(new Margins(5));
    panel.add(lccenter, center);

    VBoxLayoutData vBoxData = new VBoxLayoutData(5, 5, 5, 5);

    LayoutContainer c = new LayoutContainer();
    HBoxLayout layout = new HBoxLayout();
    layout.setPadding(new Padding(5));

    c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
    c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
    c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
    c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));    

    add(panel, new FlowData(10));


  private void addToCenter(LayoutContainer c) {

  private ToggleButton createToggleButton(String name, Listener<ButtonEvent> l) {
    ToggleButton button = new ToggleButton(name);
    button.addListener(Events.Toggle, l);
    return button;


Ext-GWT.zip( 4,297 k)

Related examples in the same category

1.Set margin of vertical layout (Smart GWT)Set margin of vertical layout (Smart GWT)
2.HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)
3.Set layout percentage with * (Smart GWT)Set layout percentage with * (Smart GWT)
4.Full client area nested layout (Smart GWT)Full client area nested layout (Smart GWT)
5.Remove widget from layout mananger (Smart GWT)Remove widget from layout mananger (Smart GWT)
6.Using Canvas to hold Layout managers (Smart GWT)Using Canvas to hold Layout managers (Smart GWT)
7.HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)
8.Click and hold the arrow to move the image. (Smart GWT)Click and hold the arrow to move the image. (Smart GWT)
9.Add buttons to Canvas (Smart GWT)Add buttons to Canvas (Smart GWT)
10.Show or hide the message (Smart GWT)Show or hide the message (Smart GWT)
11.CardLayout Example (Ext GWT)CardLayout Example (Ext GWT)
12.CenterLayout Example (Ext GWT)CenterLayout Example (Ext GWT)
13.Horizontal and vertical row layout (Ext GWT)Horizontal and vertical row layout (Ext GWT)
14.Horizontal box layout align top (Ext GWT)Horizontal box layout align top (Ext GWT)
15.Horizontal box layout align bottom (Ext GWT)Horizontal box layout align bottom (Ext GWT)
16.Horizontal Box Layout Align.STRETCH (Ext GWT)Horizontal Box Layout Align.STRETCH (Ext GWT)
17.Horizontal Flex: All even (Ext GWT)Horizontal Flex: All even (Ext GWT)
18.Horizontal Flex: ratio (Ext GWT)Horizontal Flex: ratio (Ext GWT)
19.Horizontal Flex + Stretch (Ext GWT)Horizontal Flex + Stretch (Ext GWT)
20.Pack: start (Ext GWT)Pack: start (Ext GWT)
21.Pack: center (Ext GWT)Pack: center (Ext GWT)
22.Pack: end (Ext GWT)Pack: end (Ext GWT)
23.VBoxLayout Example (Ext GWT)
24.BorderLayout and BorderLayoutData (Ext GWT)BorderLayout and BorderLayoutData (Ext GWT)
25.Using HorizontalPanel to hold buttons (Ext GWT)Using HorizontalPanel to hold buttons (Ext GWT)
26.Spaced VerticalBox Layout (Ext GWT)Spaced VerticalBox Layout (Ext GWT)
27.extends LayoutContainter (Ext GWT)extends LayoutContainter (Ext GWT)
28.Multi-Spaced horizontal layout (Ext GWT)