Directory

← Back

App Layout Addon

Vaadin integration of Polymer's AppLayout

Author

Contributors

Rating

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

}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

New features:

  • add support to display menu item opened on component rendering (#41)
  • support specifying a custom welcome route (#78)
  • change path for Hilla generated modules (#113)
Released
2023-06-14
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 23
Vaadin 22 in 5.0.5
Vaadin 21 in 5.0.5
Vaadin 14 in 4.0.0
Vaadin 13 in 1.0.8
Vaadin 12 in 1.0.8
Vaadin 11 in 1.0.8
Vaadin 10 in 1.0.8
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Microsoft Edge

App Layout Addon - Vaadin Add-on Directory

Vaadin integration of Polymer's AppLayout App Layout Addon - Vaadin Add-on Directory
Vaadin integration of [AppLayout](https://github.com/PolymerElements/app-layout) 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.
Online