ToggleSelect

Toggle button that changes selection with each click, with optional navigation buttons.

ToggleSelect is an AbstractSelect that takes a container and displays one of the selected values as a caption. When the button is clicked, next value is selected. Optionally, ToggleSelect can have navigation buttons (for easy navigation back and forth, with customisable captions), it is also possible to specify order which the values are selected in by default (forward or backwards). Lastly, there is an option to specify the property to be used as a main caption.

This component was developed as a case study during the lectures "Web Application Development with Vaadin", held at the University of Turku in 2014.

Sample code

ToggleSelect select = new ToggleSelect(Arrays.asList("hello", "world", "this", "is", "ToggleSelect!!"));
select.setCaption("Toggle select, have fun: ");
		
select.addValueChangeListener(new Property.ValueChangeListener() {
	@Override
	public void valueChange(ValueChangeEvent event) {
		Notification.show("ToggleSelect's value is <"+event.getProperty().getValue()+">");
	}
});
select.setNavigationWrapped(true);
select.setNavigationVisible(true);
select.setForwardOnClick(true);
select.setNavigateBackCaption("<<");
select.setNavigateForwardCaption(">>");
// select.setCaptionPropertyId("aProperty");

Links

• Online Demo
• Issue Tracker
• Source Code

Compatibility