Examples of CustomLayout

com.vaadin.ui.CustomLayout

A container component with freely designed layout and style. The layout consists of items with textually represented locations. Each item contains one sub-component, which can be any Vaadin component, such as a layout. The adapter and theme are responsible for rendering the layout with a given style by placing the items in the defined locations.

The placement of the locations is not fixed - different themes can define the locations in a way that is suitable for them. One typical example would be to create visual design for a web site as a custom layout: the visual design would define locations for "menu", "body", and "title", for example. The layout would then be implemented as an HTML template for each theme.

The default theme handles the styles that are not defined by drawing the subcomponents just as in OrderedLayout.

@author Vaadin Ltd. @since 3.0

        final LegacyWindow mainWin = new LegacyWindow(getClass()
                .getSimpleName());
        setMainWindow(mainWin);


        try {
            CustomLayout cl = new CustomLayout(
                    new ByteArrayInputStream(
                            "<div style=\"width:400px;overflow:hidden;background-color:red;\"><div style=\"border:1em solid blue; height:4em; padding:1em 1.5em;\" location=\"b\"></div></div>"
                                    .getBytes()));
            Button button = new Button("b");
            button.setSizeFull();


            cl.addComponent(button, "b");


            mainWin.addComponent(cl);


        } catch (IOException e) {
            // TODO Auto-generated catch block

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.

Examples of CustomLayout

Examples of com.vaadin.ui.CustomLayout