Directory

← Back

Vertical Menu Addon

Colorful Vertical Menu for Vaadin 10+

Author

Contributors

Rating

Colorful and responsive Vertical Menu for Vaadin 10+, based on https://codepen.io/iamturner/pen/RaqoPX

Sample code

		VerticalMenu vm = new VerticalMenu(new Section(new H1("Inbox"),
										   new Section(new H1("Profile")),
										   new Section(new H1("Friends")),
										   new Section(new H1("Messages")),
										   new Section(new H1("Settings")));
		vm.addMenuSelectedListener(ev->{
			Notification.show("Section: " + ev.getSource().getElement().getChild(0).getText() + " clicked.");
		});
@Route("")
public class DemoView extends VerticalMenu {

	public DemoView() {
		super(new Section(new H1("Inbox")),
			   new Section(new H1("Profile")),
			   new Section(new H1("Friends")),
			   new Section(new H1("Messages")),
			   new Section(new H1("Settings")));
		getSections().get(0).getStyle().set("background-color", "green");
		reloadSections();
		addMenuSelectedListener(ev->{
			Notification.show("Section: " + ev.getSource().getElement().getChild(0).getText() + " clicked.");
		});
	}
	
}

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

Fix @Stylesheet annotation for compatibility with Vaadin 16

Released
2020-08-19
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 14+
Vaadin 13 in 1.0.0
Vaadin 12 in 1.0.0
Vaadin 11 in 1.0.0
Vaadin 10 in 1.0.0
Browser
Safari
Google Chrome
iOS Browser
Android Browser
Microsoft Edge
Online