App Layout Addon
Vaadin integration of Polymer's AppLayout
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
Compatibility
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:
- 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 AppLayoutVaadin 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.