Contact us Create app

Directory

← Back

App Layout Add-on

A modern and highly customizable menu with a fluent API

Author

Rating

Links

Popularity

300+

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

Note that the API changed significantly from V1 to V2:

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!

Compatibility

(Loading compatibility data...)

Last updated: 2022-01-06

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

Released
2018-07-16
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.1+
Vaadin 21 in 21.0.0-beta1
Vaadin 14+ in 4.0.0
Vaadin 13+ in 3.0.0.beta5
Vaadin 12 in 2.1.1
Vaadin 11 in 2.1.1
Vaadin 10 in 2.1.1
Vaadin 10+ in 2.0.8
Vaadin 8.0+ in 0.9.3
Browser
Firefox
Opera
Safari
Google Chrome
Android Browser
Internet Explorer
Microsoft Edge

App Layout Add-on - Vaadin Add-on Directory

A modern and highly customizable menu with a fluent API App Layout Add-on - Vaadin Add-on Directory
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.*`](https://vaadin.com/directory/component/app-layout-add-on/1.0.2) * Vaadin 10 -> [App-Layout `2.*`](https://vaadin.com/directory/component/app-layout-add-on/2.1.0) * Vaadin 13 or Vaadin 14 with bower mode -> [App-Layout `3.*`](https://vaadin.com/directory/component/app-layout-add-on/3.0.0.beta5) * Vaadin 14 with NPM Mode -> [App-Layout `4.*`](https://vaadin.com/directory/component/app-layout-add-on) * Vaadin 21 -> [App-Layout `21.*`](https://vaadin.com/directory/component/app-layout-add-on) Note that the API changed significantly from V1 to V2: * [Vaadin 8 Examples](https://github.com/appreciated/vaadin-app-layout/tree/V8/app-layout-examples) * [Vaadin 10 Examples](https://github.com/appreciated/vaadin-app-layout/tree/V10/app-layout-examples/app-layout-examples-vaadin-10) * [Vaadin 12 Examples](https://github.com/appreciated/vaadin-app-layout/tree/V10/app-layout-examples/app-layout-examples-vaadin-10) * [Vaadin 14 with NPM Mode Examples](https://github.com/appreciated/vaadin-app-layout/tree/master/app-layout-examples) This Addon uses the Polymer Component [app-layout](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/demo/index.html) 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](https://developer.android.com/training/design-navigation/ancestral-temporal) 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!](https://github.com/appreciated/vaadin-app-layout)
Online