LayoutSample.java

package com.smartgwt.sample.showcase.client.basics.components;

import com.smartgwt.client.types.Alignment;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.Label;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.sample.showcase.client.PanelFactory;
import com.smartgwt.sample.showcase.client.ShowcasePanel;

public class LayoutSample extends ShowcasePanel {
    private static final String DESCRIPTION = "<p>HLayout and VLayout containers manage the stacked positions and sizes of multiple member components.</p>" +
            "<p>Resize the browser window to reflow these layouts.<p>";

    public static class Factory implements PanelFactory {

        private String id;

        public Canvas create() {
            LayoutSample panel = new LayoutSample();
            id = panel.getID();
            return panel;
        }

        public String getID() {
            return id;
        }

        public String getDescription() {
            return DESCRIPTION;
        }
    }

    public Canvas getViewPanel() {

        HLayout layout = new HLayout();
        layout.setWidth100();
        layout.setHeight100();
        layout.setMembersMargin(20);

        VLayout vLayout = new VLayout();
        vLayout.setShowEdges(true);
        vLayout.setWidth(150);
        vLayout.setMembersMargin(5);
        vLayout.setLayoutMargin(10);
        vLayout.addMember(new BlueBox(null, 50, "height 50"));
        vLayout.addMember(new BlueBox((String) null, "*", "height *"));
        vLayout.addMember(new BlueBox((String) null, "30%", "height 30%"));
        layout.addMember(vLayout);

        HLayout hLayout = new HLayout();
        hLayout.setShowEdges(true);
        hLayout.setHeight(150);
        hLayout.setMembersMargin(5);
        hLayout.setLayoutMargin(10);
        hLayout.addMember(new BlueBox(50, (Integer) null, "width 50"));
        hLayout.addMember(new BlueBox("*", null, "width *"));
        hLayout.addMember(new BlueBox("30%", null, "width 30%"));
        layout.addMember(hLayout);

        return layout;
    }

    public String getIntro() {
        return DESCRIPTION;
    }


    class BlueBox extends Label {

        public BlueBox(String contents) {
            setAlign(Alignment.CENTER);
            setBorder("1px solid #808080");
            setBackgroundColor("#C3D9FF");
            setContents(contents);
        }

        public BlueBox(Integer width, Integer height, String contents) {
            this(contents);
            if (width != null) setWidth(width);
            if (height != null) setHeight(height);
        }

        public BlueBox(Integer width, String height, String contents) {
            this(contents);
            if (width != null) setWidth(width);
            if (height != null) setHeight(height);
        }

        public BlueBox(String width, String height, String contents) {
            this(contents);
            if (width != null) setWidth(width);
            if (height != null) setHeight(height);
        }
    }

}