Directory

← Back

Vardar Touchkit Definitive Button Widget

NavigationButton in Touchkit with arrow options and without auto navigation.

Author

Rating

Popularity

<100

In Vaadin Touchkit, however NavigationButton has perfect styling, it has one downside that it needs to navigate to a new view for every click and you cannot prevent that. Moreover you cannot change the navigation arrow that is pointing right.

So I created a similar component that does not navigate automatically, and you can set different arrow styles, either down arrow, up arrow, or no arrow by default.

The main use case for me to make my forms editable in a fashionable way.

Sample code

		DefinitiveButton definitiveButton = new DefinitiveButton("Definitive Caption");
		/* will appear similar to NavigationButton */
		definitiveButton.setDescription("Description");
		/* either noarrow, arrowdown or arrowup */
		definitiveButton.setStyleName("arrowdown");
		/* define your custom action here. it will not navigate automatically */
		definitiveButton.addListener(new Button.ClickListener() {
			@Override
			public void buttonClick(ClickEvent event) {
			...
			}
		}
		VerticalComponentGroup group = new VerticalComponentGroup();
		group.addComponent(definitiveButton);
		NavigationView view = new NavigationView("View", group);
		navigationManager.navigateTo(view);
		

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

Initial Version.

Released
2012-08-11
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 6.8+
Browser
Safari
Google Chrome
iOS Browser
Android Browser

Vardar Touchkit Definitive Button Widget - Vaadin Add-on Directory

NavigationButton in Touchkit with arrow options and without auto navigation. Vardar Touchkit Definitive Button Widget - Vaadin Add-on Directory
In Vaadin Touchkit, however NavigationButton has perfect styling, it has one downside that it needs to navigate to a new view for every click and you cannot prevent that. Moreover you cannot change the navigation arrow that is pointing right. So I created a similar component that does not navigate automatically, and you can set different arrow styles, either down arrow, up arrow, or no arrow by default. The main use case for me to make my forms editable in a fashionable way.
Online