Directory

← Back

Filterable Layout Add-on

Extension that allows you to build forms that can filter the components inside it

Author

Rating

Popularity

<100

Filterable Layout is an "extension" for Vaadin 14+, that allows you to build forms that can be filtered to only display components with a certain caption.

Features:

  • Supports hiding or just showing visually the filtering results
  • Can filter the components inside components container such as other layouts or even Tabs
  • Easy to use

Sample code

		VerticalLayout vl = new VerticalLayout();
		...
		vl.add(textField1);
		...
		TextField filter = createTextField("Filter");
		filter.setValueChangeMode(ValueChangeMode.LAZY);
		filter.setValueChangeTimeout(500);
		FilterableLayoutExtension flayout = new FilterableLayoutExtension(filter, vl.getElement());
    flayout.setFilteredStyleName("filtered");
    CheckBox cb = new CheckBox("Hide filtered components");
    cb.setValue(true);
    cb.addValueChangeListener(e->{
    	flayout.setHideFilteredComponents(e.getValue());
    	flayout.filterComponents(filter.getValue(), vl.getElement());
    });

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

Maintenance release

  • Remove flow-build-info.json from directory JAR (#15)
Released
2021-11-16
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 14+
Vaadin 8.3+ in 1.0.0
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Microsoft Edge

Filterable Layout Add-on - Vaadin Add-on Directory

Extension that allows you to build forms that can filter the components inside it Filterable Layout Add-on - Vaadin Add-on Directory
Filterable Layout is an "extension" for Vaadin 14+, that allows you to build forms that can be filtered to only display components with a certain caption. Features: * Supports hiding or just showing visually the filtering results * Can filter the components inside components container such as other layouts or even Tabs * Easy to use
Online