Examples of org.gwt.mosaic.ui.client.layout.BoxLayout

org.gwt.mosaic.ui.client.layout.BoxLayout

A layout manager that allows multiple widgets of a {@link LayoutPanel} to belaid out either vertically or horizontally. The height and width of each widget in a {@code BoxLayout} can be specified by setting a{@link BoxLayoutData} object into the widget using{@link LayoutPanel#add(Widget,LayoutData)} and also by using CSS or acombination of both methods.

{@code BoxLayout} aligns all widgets in one row if the {@link Orientation}field is set to {@code HORIZONTAL}, and one column if it is set to {@code VERTICAL}.

NOTE: {@code BoxLayout} does not have the ability to wrap.

When a {@code BoxLayout} lays out widgets, it tries to size each widget atthe widget's preferred size. In the following example a {@link LayoutPanel}is set to use a {@code BoxLayout}. The default orientation of a {@code BoxLayout} is {@code HORIZONTAL}. The {@link LayoutPanel} is added decoratedto a {@link org.gwt.mosaic.ui.client.Viewport} so that it fills all browser'scontent area:

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout()); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1")); panel.add(new Button("Button 2")); panel.add(new Button("Button 3")); panel.add(new Button("Button 4")); viewport.add(panel, true); RootPanel.get().add(viewport); }

The next example sets the orientation of the {@link BoxLayout} to{@link Orientation#VERTICAL}:

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout(Orientation.VERTICAL)); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1")); panel.add(new Button("Button 2")); panel.add(new Button("Button 3")); panel.add(new Button("Button 4")); viewport.add(panel, true); RootPanel.get().add(viewport); }

{@code BoxLayoutData} can specify the size of the widgets. In the next twoexamples: Button 1 will be stretch to fill the available space in both directions (horizontally and vertical); Button 2 will be stretched only vertical, Button 3 will be stretched only horizontally; Button 4 and Button 5 will be set to a specific size by giving explicitly the width and height in pixels or ratios (values > 0 and <= 1 are ratios of the {@link LayoutPanel}'s client area except paddings, 0 and values> 1 are pixels, and -1 means preferred size).

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout()); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1"), new BoxLayoutData(FillStyle.BOTH)); panel.add(new Button("Button 2"), new BoxLayoutData(FillStyle.VERTICAL)); panel.add(new Button("Button 3"), new BoxLayoutData(FillStyle.HORIZONTAL)); panel.add(new Button("Button 4"), new BoxLayoutData(-1.0, 0.5)); panel.add(new Button("Button 5"), new BoxLayoutData(-1.0, 150.0)); viewport.add(panel, true); RootPanel.get().add(viewport); }

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout(Orientation.VERTICAL)); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1"), new BoxLayoutData(FillStyle.BOTH)); panel.add(new Button("Button 2"), new BoxLayoutData(FillStyle.VERTICAL)); panel.add(new Button("Button 3"), new BoxLayoutData(FillStyle.HORIZONTAL)); panel.add(new Button("Button 4"), new BoxLayoutData(0.5, -1.0)); panel.add(new Button("Button 5"), new BoxLayoutData(150.0, -1.0)); viewport.add(panel, true); RootPanel.get().add(viewport); }

@author georgopoulos.georgios(at)gmail.com @see BoxLayoutData

  }


  protected ComboBoxBase(String styleName) {
    super();
    final LayoutPanel layoutPanel = getLayoutPanel();
    layoutPanel.setLayout(new BoxLayout(Orientation.HORIZONTAL));
    layoutPanel.setPadding(0);
    layoutPanel.setWidgetSpacing(0);


    sinkEvents(Event.KEYEVENTS);

View Full Code Here

  /**
   * Creates a new <code>ScrollLayoutPanel</code> with a vertical
   * <code>BoxLayout</code>.
   */
  public ScrollLayoutPanel() {
    this(new BoxLayout(Orientation.VERTICAL));
  }

View Full Code Here

  }


  public Separator(String text, HorizontalAlignmentConstant align) {
    this.align = checkHorizontalAlignment(align);
    final LayoutPanel layoutPanel = getLayoutPanel();
    layoutPanel.setLayout(new BoxLayout(Alignment.CENTER));
    layoutPanel.setPadding(0);
    layoutPanel.setWidgetSpacing(8);


    final TextLabel l = new TextLabel(text);
    l.setWordWrap(false);

View Full Code Here


  /**
   * Creates a {@code ToolBar} instance.
   */
  public ToolBar() {
    super(new BoxLayout());
    setStyleName(DEFAULT_STYLENAME);
  }

View Full Code Here

   * 
   * @see com.google.gwt.user.client.ui.HasWidgets#add(com.google.gwt.user.client.ui.Widget)
   */
  public void add(Widget w) {
    final LayoutPanel layoutPanel = getLayoutPanel();
    final BoxLayout boxLayoutMgr = (BoxLayout) layoutPanel.getLayout();
    if (w instanceof ToolBarSpring) {
      layoutPanel.add(w, new BoxLayoutData(FillStyle.BOTH));
    } else if (boxLayoutMgr.getOrientation() == Orientation.HORIZONTAL) {
      final String width = getWidgetWidth(w);
      layoutPanel.add(w, new BoxLayoutData(FillStyle.VERTICAL, width, null));
    } else {
      final String height = getWidgetHeight(w);
      getLayoutPanel().add(w, new BoxLayoutData(FillStyle.BOTH, null, height));

View Full Code Here

   *          a row (horizontal) or in a column (vertical)
   * @deprecated use {{@link #setOrientation(Orientation)} instead
   */
  @Deprecated
  public void setOrient(BoxLayout.Orientation orient) {
    final BoxLayout boxLayout = (BoxLayout) getLayoutPanel().getLayout();
    if (boxLayout.getOrientation() != orient) {
      boxLayout.setOrientation(orient);
    }
  }

View Full Code Here

    prompt.setAnimationEnabled(true);
    int preferredWidth = Window.getClientWidth();
    preferredWidth = Math.max(preferredWidth / 3, 256);
    prompt.setWidth(preferredWidth + "px");


    final LayoutPanel panel = new LayoutPanel(new BoxLayout(
        Orientation.VERTICAL));
    panel.setPadding(0);
    panel.add(new HTML(message), new BoxLayoutData(FillStyle.HORIZONTAL));
    panel.add(input, new BoxLayoutData(FillStyle.HORIZONTAL));

View Full Code Here

    // (ggeorg) this is a workaround for the infamous Firefox cursor bug
    if (UserAgent.isGecko()) {
      DOM.setStyleAttribute(getLayoutPanel().getElement(), "overflow", "auto");
    }


    final BoxLayout buttonPanelLayout = new BoxLayout(Orientation.HORIZONTAL);
    buttonPanelLayout.setLeftToRight(false);
    buttonPanel.setLayout(buttonPanelLayout);
    buttonPanel.setPadding(5);
    setFooter(buttonPanel);


    if (type == MessageBoxType.ALERT) {

View Full Code Here

      }
    }
  };


  public StackLayoutPanel() {
    super(new BoxLayout(Orientation.VERTICAL));
    final LayoutPanel layoutPanel = getLayoutPanel();
    layoutPanel.setWidgetSpacing(0);
    layoutPanel.setAnimationCallback(new AnimationCallback() {
      public void onAnimationComplete() {
        for (int i = 0, n = getLayoutPanel().getWidgetCount(); i < n; i++) {

View Full Code Here

   * Constructs a <code>DefaultFormBuilder</code> for the given layout.
   * 
   * @param layout the <code>FormLayout</code> to be used
   */
  public DefaultFormBuilder(FormLayout layout) {
    this(layout, new LayoutPanel(new BoxLayout(Orientation.VERTICAL)));
  }

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of org.gwt.mosaic.ui.client.layout.BoxLayout

com.google.gwt.user.client.ui.Widget

org.gwt.mosaic.core.client.Dimension

org.gwt.mosaic.forms.client.builder.DefaultFormBuilder

org.gwt.mosaic.forms.client.builder.PanelBuilder

org.gwt.mosaic.ui.client.Caption

org.gwt.mosaic.ui.client.CaptionLayoutPanel

org.gwt.mosaic.ui.client.ComboBoxBase

org.gwt.mosaic.ui.client.datepicker.DatePicker

org.gwt.mosaic.ui.client.datepicker.DateTimePicker

org.gwt.mosaic.ui.client.MessageBox

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.