UI Components

BoardLayout

The BoardLayout is a linkki UI component that provides a dashboard-like responsive layout made of cards.

Each BoardComponent is created with a header, the contained Vaadin Component and optionally a variant to customize how much space the card can assume. There is also the option of creating BoardComponents using PMOs with BoardComponent::withPmo. Board elements can be added to the BoardLayout within the constructor and by calling add(BoardComponent…​ components).

Creating a Board Layout
public class SampleBoardView extends BoardLayout {
    public SampleBoardView() {
        super(new BoardComponent("Zuletzt bearbeitet", createTable()),
                BoardComponent.withPmo("Policensuche", new TestBoardPmo()),
                BoardComponent.withPmo("Postkorb", new TestTablePmo(), BoardComponent.BoardComponentVariant.LARGE));
    }

    private static Grid<RecentlyEditedRowPmo> createTable() {
        Grid<RecentlyEditedRowPmo> createGrid = GridComponentCreator.createGrid(new RecentlyEditedTable(),
                                                                                new BindingContext());
        createGrid.addThemeVariants(GridVariant.LUMO_NO_BORDER);
        return createGrid;
    }
}