Directory

← Back

ScrollLayout

Implentations of vertical and horizontal Layouts with scroll bar

Author

Rating

Popularity

<100

EDIT: Vaadin 14 now has the Scroller component in their core, which basically makes this here obsolete. https://vaadin.com/docs/v14/ds/components/scroller
I haven't checked their implementation, but I would assume they did it better than me.. ;)


In Vaadin Flow, there is no Layout with a provided scroll bar. In Vaadin 8, you could use Panel.

Now you can use this add-on, which includes 2 classes: VerticalScrollLayout and HorizontalScrollLayout.

They can be used just the same as their nonscrollable VerticalLayout and HorizontalLayout counterparts.

Compatible with Vaadin 14 - bower AND npm mode.

Sample code

VerticalLayout mainLayout = new VerticalLayout();
mainLayout.add(new H4("VerticalScrollLayout"));

VerticalScrollLayout verticalScrollLayout = new VerticalScrollLayout();
for(int i = 0; i < 30;){
    TextField textField = new TextField("Test "+ ++i);
    textField.setWidth("100%");
    verticalScrollLayout.add(textField);
}
verticalScrollLayout.setHeight("300px");
mainLayout.add(verticalScrollLayout);

mainLayout.add(new H4("HorizontalScrollLayout"));
HorizontalScrollLayout horizontalScrollLayout = new HorizontalScrollLayout();
for(int i = 0; i < 30;){
    horizontalScrollLayout.add(new TextField("Test "+ ++i));
}
horizontalScrollLayout.setHeight("100px");
mainLayout.add(horizontalScrollLayout);

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

Released
2019-06-07
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 13+
Vaadin 10+ in 1.0.0
Vaadin 12+ in 2.0.0
Browser
N/A

ScrollLayout - Vaadin Add-on Directory

Implentations of vertical and horizontal Layouts with scroll bar ScrollLayout - Vaadin Add-on Directory
EDIT: Vaadin 14 now has the `Scroller` component in their core, which basically makes this here obsolete. https://vaadin.com/docs/v14/ds/components/scroller I haven't checked their implementation, but I would assume they did it better than me.. ;) ********* In Vaadin Flow, there is no Layout with a provided scroll bar. In Vaadin 8, you could use Panel. Now you can use this add-on, which includes 2 classes: VerticalScrollLayout and HorizontalScrollLayout. They can be used just the same as their nonscrollable VerticalLayout and HorizontalLayout counterparts. Compatible with Vaadin 14 - bower AND npm mode.
github

ScrollLayout version 1.0.0

ScrollLayout version 2.0.0
Using Vaadin 12.0.2

ScrollLayout version 2.0.1
added method overrides for addComponentAtIndex(int index, Component component)

ScrollLayout version 2.0.2

Online