Examples of com.vaadin.ui.GridLayout

com.vaadin.ui.GridLayout
A layout where the components are laid out on a grid using cell coordinates.
The GridLayout also maintains a cursor for adding components in left-to-right, top-to-bottom order.

Each component in a GridLayout uses a defined {@link GridLayout.Area area} (column1,row1,column2,row2) from the grid. Thecomponents may not overlap with the existing components - if you try to do so you will get an {@link OverlapsException}. Adding a component with cursor automatically extends the grid by increasing the grid height.

The grid coordinates, which are specified by a row and column index, always start from 0 for the topmost row and the leftmost column.
@author Vaadin Ltd. @since 3.0

        fillLayout(layoutB, 4);


        //
        // Create grid layout
        //
        final GridLayout layoutG = new GridLayout(4, 4);
        // Add 16 panels components
        fillLayout(layoutG, 16);


        //
        // Create grid layout
        //
        final GridLayout layoutG2 = new GridLayout(4, 4);
        // Add 4 panels with absolute coordinates (diagonally)
        layoutG2.addComponent(getExampleComponent("x=0, y=0"), 0, 0);
        layoutG2.addComponent(getExampleComponent("x=1, y=1"), 1, 1);
        layoutG2.addComponent(getExampleComponent("x=2, y=2"), 2, 2);
        layoutG2.addComponent(getExampleComponent("x=3, y=3"), 3, 3);
        // Add 4 pictures with absolute coordinates (diagonally)
        layoutG2.addComponent(getExamplePicture("x=3, y=0"), 3, 0);
        layoutG2.addComponent(getExamplePicture("x=2, y=1"), 2, 1);
        layoutG2.addComponent(getExamplePicture("x=1, y=2"), 1, 2);
        layoutG2.addComponent(getExamplePicture("x=0, y=3"), 0, 3);


        //
        // Create TabSheet
        //
        final TabSheet tabsheet = new TabSheet();

View Full Code Here

    private Panel createGLPanel() {
        Panel p = new Panel("" + DIM1 + "x" + DIM2 + " GridLayout");
        p.setWidth("" + DIM1 + "px");
        p.setHeight("" + DIM2 + "px");


        GridLayout layout = new GridLayout(COMPONENTS, 1);
        p.setContent(layout);
        layout.setSizeFull();


        for (int i = 0; i < COMPONENTS; i++) {
            TextField tf = new TextField();
            tf.setImmediate(true);
            tf.addListener(new ValueChangeListener() {


                @Override
                public void valueChange(ValueChangeEvent event) {
                    Component c = ((Component) event.getProperty());
                    c.setCaption("askfdj");


                }
            });
            if (r.nextBoolean()) {
                tf.setCaption("Caption");
            }
            if (r.nextBoolean()) {
                tf.setRequired(true);
            }
            if (r.nextBoolean()) {
                tf.setComponentError(new UserError("Error"));
            }
            tf.setWidth("100%");
            layout.setComponentAlignment(tf, Alignment.MIDDLE_LEFT);
            layout.addComponent(tf);


        }


        return p;
    }

View Full Code Here


    @Override
    protected void setup() {


        // Create a grid layout with click events
        final GridLayout layout = new GridLayout(3, 2);
        layout.addStyleName("border");
        layout.setSpacing(true);
        layout.setSizeFull();


        // Add some components to the layout
        layout.addComponent(new TextField(null, "Click here"));
        layout.addComponent(new Link("Click here", null));


        Select select = new Select(null, Arrays.asList("Click here"));
        select.select("Click here");
        layout.addComponent(select);


        // Tab content
        VerticalLayout l1 = new VerticalLayout();
        l1.setMargin(true);
        l1.addComponent(new Label("This is a label."));
        l1.addComponent(new TextField(null, "Click here"));
        l1.addComponent(new Link("Click here", null));


        TabSheet t = new TabSheet();
        t.setHeight("200px");
        t.addTab(l1, "Tab", null);
        layout.addComponent(t);


        VerticalLayout nestedLayout = new VerticalLayout();
        nestedLayout.addComponent(new Label("This is a label."));
        nestedLayout.addComponent(new TextField(null, "Click here"));
        nestedLayout.addComponent(new Link("Click here", null));


        HorizontalLayout nestedLayout2 = new HorizontalLayout();
        nestedLayout2.addComponent(new Label("Deeply nested label"));
        nestedLayout.addComponent(nestedLayout2);


        layout.addComponent(nestedLayout);


        // Listen for layout click events
        layout.addListener(new LayoutClickListener() {
            @Override
            public void layoutClick(LayoutClickEvent event) {


                // Get the deepest nested component which was clicked
                Component clickedComponent = event.getClickedComponent();

View Full Code Here


public class TableClickValueChangeInteraction extends TestBase {


    @Override
    public void setup() {
        GridLayout grid = new GridLayout(4, 4);
        grid.setSpacing(true);
        grid.setMargin(true);


        getLayout().removeAllComponents();
        getLayout().addComponent(grid);


        for (int i = 0; i < 16; ++i) {
            grid.addComponent(makeTable((i & 8) > 0, (i & 4) > 0, (i & 2) > 0,
                    (i & 1) > 0));
        }


    }

View Full Code Here

    @Override
    public void init() {
        LegacyWindow w = new LegacyWindow(getClass().getSimpleName());
        setMainWindow(w);
        // setTheme("tests-tickets");
        GridLayout layout = new GridLayout(10, 10);
        w.setContent(layout);
        createUI(layout);
    }

View Full Code Here

    @Override
    public void init() {
        LegacyWindow w = new LegacyWindow(getClass().getName());
        setMainWindow(w);
        setTheme("tests-ticket");
        GridLayout layout = new GridLayout(3, 3);
        layout.setStyleName("borders");
        layout.addComponent(new Label("1-1"));
        layout.space();
        layout.space();
        layout.addComponent(new Label("2-1"));
        layout.space();
        layout.space();
        layout.addComponent(new Label("3-1"));
        layout.space();
        layout.addComponent(new Label("3-3"));


        w.setContent(layout);
    }

View Full Code Here

        layout.addComponent(createGridWithoutGridBuilder(2, hide));
        layout.addComponent(createGridWithoutGridBuilder(3, hide));
    }


    private GridLayout createGridWithoutGridBuilder(int rows, boolean collapse) {
        GridLayout grid = new GridLayout(30, 3);
        grid.setWidth("100%");
        // grid.setMargin(true);
        // grid.setSpacing(true);
        grid.setHideEmptyRowsAndColumns(collapse);


        // Row 1
        Label label1 = new Label("Row1");
        label1.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(label1, 0, 0, 10, 0);
        grid.setComponentAlignment(label1, Alignment.MIDDLE_LEFT);


        TextField textField1 = new TextField();
        textField1.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(textField1, 12, 0, 14, 0);
        grid.setComponentAlignment(textField1, Alignment.MIDDLE_LEFT);


        if (rows < 2) {
            return grid;
        }


        // Row 2
        Label label2 = new Label("Row2");
        label2.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(label2, 0, 1, 10, 1);
        grid.setComponentAlignment(label2, Alignment.MIDDLE_LEFT);


        TextField textField2 = new TextField();
        textField2.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(textField2, 12, 1, 20, 1);
        grid.setComponentAlignment(textField2, Alignment.MIDDLE_LEFT);


        if (rows < 3) {
            return grid;
        }


        // Row 3
        Label label3 = new Label("Row3");
        label3.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(label3, 0, 2, 10, 2);
        grid.setComponentAlignment(label3, Alignment.MIDDLE_LEFT);


        TextField textField3 = new TextField();
        textField3.setWidth(100.0F, Unit.PERCENTAGE);
        grid.addComponent(textField3, 12, 2, 29, 2);
        grid.setComponentAlignment(textField3, Alignment.MIDDLE_LEFT);


        return grid;
    }

View Full Code Here

        VerticalLayout layoutLeft = new VerticalLayout();
        layoutLeft.setWidth("450px");
        layoutLeft.setHeight(null);
        layoutLeft.setSpacing(true);


        GridLayout optLayout = new GridLayout(3, 2);
        optLayout.setWidth("100%");
        optLayout.setHeight(null);
        optLayout.setMargin(true);
        optLayout.setSpacing(true);


        rgbBox.setValue(rgbVisible);
        rgbBox.addValueChangeListener(new CheckBox.ValueChangeListener() {
            @Override
            public void valueChange(ValueChangeEvent event) {
                rgbVisible = (Boolean) event.getProperty().getValue();
                setPopupVisibilities();
            }
        });
        rgbBox.setImmediate(true);
        rgbBox.setId("rgbBox");
        optLayout.addComponent(rgbBox);


        hsvBox.setValue(hsvVisible);
        hsvBox.addValueChangeListener(new CheckBox.ValueChangeListener() {
            @Override
            public void valueChange(ValueChangeEvent event) {
                hsvVisible = (Boolean) event.getProperty().getValue();
                setPopupVisibilities();
            }
        });
        hsvBox.setImmediate(true);
        hsvBox.setId("hsvBox");
        optLayout.addComponent(hsvBox);


        swaBox.setValue(swaVisible);
        swaBox.addValueChangeListener(new CheckBox.ValueChangeListener() {
            @Override
            public void valueChange(ValueChangeEvent event) {
                swaVisible = (Boolean) event.getProperty().getValue();
                setPopupVisibilities();
            }
        });
        swaBox.setImmediate(true);
        swaBox.setId("swaBox");
        optLayout.addComponent(swaBox);


        hisBox.setValue(historyVisible);
        hisBox.addValueChangeListener(new CheckBox.ValueChangeListener() {
            @Override
            public void valueChange(ValueChangeEvent event) {
                historyVisible = (Boolean) event.getProperty().getValue();
                setPopupVisibilities();
            }
        });
        hisBox.setImmediate(true);
        hisBox.setId("hisBox");
        optLayout.addComponent(hisBox);


        txtBox.setValue(txtfieldVisible);
        txtBox.addValueChangeListener(new CheckBox.ValueChangeListener() {
            @Override
            public void valueChange(ValueChangeEvent event) {
                txtfieldVisible = (Boolean) event.getProperty().getValue();
                setPopupVisibilities();
            }
        });
        txtBox.setImmediate(true);
        txtBox.setId("txtBox");
        optLayout.addComponent(txtBox);


        Panel optPanel = new Panel("Customize the color picker popup window",
                optLayout);
        layoutLeft.addComponent(optPanel);

View Full Code Here

    @Override
    public void init() {
        LegacyWindow w = new LegacyWindow(getClass().getSimpleName());
        setMainWindow(w);
        // setTheme("tests-tickets");
        GridLayout layout = new GridLayout(10, 10);
        w.setContent(layout);
        createUI(layout);
    }

View Full Code Here


        setContent(mainLayout);
    }


    private GridLayout buildMenu() {
        GridLayout gridButtons = new GridLayout(2, 3);


        Button btn1 = new Button("Button one");
        btn1.setImmediate(true);
        btn1.addClickListener(new Button.ClickListener() {


            @Override
            public void buttonClick(ClickEvent event) {
            }
        });
        gridButtons.addComponent(btn1, 0, 0);


        Button btn2 = new Button("Button two");
        btn2.setImmediate(true);
        btn2.addClickListener(new Button.ClickListener() {


            @Override
            public void buttonClick(ClickEvent event) {
            }
        });
        gridButtons.addComponent(btn2, 0, 1);


        Button btn3 = new Button("Button three");
        btn3.setImmediate(true);
        btn3.addClickListener(new Button.ClickListener() {


            @Override
            public void buttonClick(ClickEvent event) {
            }
        });
        gridButtons.addComponent(btn3, 1, 0);


        return gridButtons;
    }

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.vaadin.ui.GridLayout

$.AboutWindow

$.MainView

com.es.app.customs.cstSearchTable

com.es.app.ui.DataInsert

com.es.app.ui.ViewProyec

com.example.reclaadmin.TableauBord

com.example.vaadin.MyVaadinApplication

com.googlecode.mcvaadin.helpers.UIBuilder

com.googlecode.mcvaadin.helpers.VaadinBuilder

com.invient.vaadin.InvientChartsDemoWin

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.