Directory

App Layout Addon

Vaadin integration of Polymer's AppLayout

View larger

Close

Vaadin integration of AppLayout

This addon is particularly useful if you want to create a new application with support for responsiveness.

Key Features:

• Left side menu with drawer button
• Side menu with avatar image
• Infinite level of submenus
• Header with toolbar icons, configurable display
• etc.

Sample code

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

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

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"))
    			);

public class AbstractLayoutDemo extends AbstractFcAppRouterLayout{

	@Override
	protected void configure(AppLayout app) {
		app.setMenuItems(
			new MenuItem("Item 1"),
			new MenuItem("Item 2")
		);		
	}

	@Override
	public void showRouterLayoutContent(AppLayout app, HasElement content) {
		super.showRouterLayoutContent(app, content);
	}

}

Links

• Online Demo
• Source Code
• Author Homepage
• Issue Tracker
• View on GitHub

Compatibility