Directory

App Layout Add-on

A modern and highly customizable menu with a fluent API

View larger

Close

A modern looking, material, mobile friendly, responsive and customizable Sliding Menu + Appbar with a fluent API with focus on offering many display modes, to satisfy a variety of requirements.

Versioning

• Vaadin 8 -> App-Layout 1.*
• Vaadin 10 -> App-Layout 2.*
• Vaadin 13 or Vaadin 14 with bower mode -> App-Layout 3.*
• Vaadin 14 with NPM Mode -> App-Layout 4.*
• Vaadin 21 -> App-Layout 21.*

Note that the API changed significantly from V1 to V2:

• Vaadin 8 Examples
• Vaadin 10 Examples
• Vaadin 12 Examples
• Vaadin 14 with NPM Mode Examples

This Addon uses the Polymer Component app-layout but is not meant as a port of all the features that come with it. Instead it offers some ready to use templates in which you can add your Vaadin Components. If you are not satisfied with the offered templates you can add your own Polymer templates.

Features

• Up navigation support
• Route and Route Alias Highlighting support
• Lumo support
• Supports opening the drawer via touch swiping
• Multiple UI behaviours available, checkout the demo to see them
• Notification Component
• Profile Button Component
• Search Button Component

Features Vaadin 8

• customizable
• no round-trip delay when opening the menu
• build in (but optional) Navigator support
• supports opening the drawer via touch swiping
• by default in multiple variations available
• notification badge built in

For Vaadin 8 CDI or Vaadin 8 + Spring Users -> Check out the Vaadin 8 Code examples

You need help, miss a feature or found a bug? Create an issue on Github!

Links

• Discussion Forum
• Issue tracker
• View on GitHub
• Wiki
• Online Demo

Compatibility