App Layout Add-on

Vaadin 10 Java integration of https://github.com/PolymerElements/app-layout This addon is particularly usefull if you want to create a new application with some initial support for responsiveness.

Features

Left side menu with hamburguer button
Toolbar icons
Paper-cards with icons

Online demo

Online demo here

Download release

Available in Vaadin Directory

Building and running demo

git clone repository
mvn clean install
cd demo
mvn jetty:run

To see the demo, navigate to http://localhost:8080/

Release notes

Version 1.0.0

Initial Version.

Version 1.0.1

Fixed recursion problem

Roadmap

Support for multilevel menu

Issue tracking

The issues for this add-on are tracked on its github.com page. All bug reports and feature requests are appreciated.

Contributions

Contributions are welcome, but there are no guarantees that they are accepted as such. Process for contributing is the following:

Fork this project
Create an issue to this project about the contribution (bug or feature) if there is no such issue about it already. Try to keep the scope minimal.
Develop and test the fix or functionality carefully. Only include minimum amount of code needed to fix the issue.
Refer to the fixed issue in commit
Send a pull request for the original project
Comment on the original issue that you have implemented a fix for it

License & Author

Add-on is distributed under Apache License 2.0. For license terms, see LICENSE.txt.

OrgChart Add-On is written by Paola De Bartolo and Martin Lopez

Developer Guide

Getting started

Creating the AppLayout:

AppLayout app =new AppLayout("AppLayout Addon for Vaadin 10 Demo");

Adding menu items:

    	app.setMenuItems(new MenuItem("Say hello", ()->showContent("Hello!")),
    			new MenuItem("About", ()->showContent("About"))

Toolbar icons:

    	app.setToolbarIconButtons(new MenuItem("Delete", "delete", ()->Notification.show("Delete action")),
    			new MenuItem("Search", "search", ()->Notification.show("Search action")),
    			new MenuItem("Close", "close", ()->Notification.show("Close action"))
    			);

Using paper-cards:

    	H3 label = new H3();
    	label.setSizeFull();
    	label.setText(content);
    	PaperCard pc = new PaperCard(label,new MenuItem("Delete", "delete", ()->Notification.show("Delete action from card")));
    	pc.setWidth("100%");

nanokkustiawan/AppLayoutAddon