Time for action – using split panels
Let's add a split panel to our application.
- Change the
lowerSection
's type toHorizontalSplitPanel
:public class MainLayout extends VerticalLayout { ... private HorizontalSplitPanel lowerSection = new HorizontalSplitPanel(); ... }
Tip
Additional to
HorizontalSplitPanel
there is aVerticalSplitPanel
class. We can infer the difference from the class name. - You could run the application right now and you will see a split panel instead of the previous horizontal layout. But let's make a little change before running the application. Add this line somewhere in the constructor of
MainLayout
:lowerSection.setSplitPosition(30);
- OK, you can run the application now.
What just happened?
Oh yeah, the application is looking good: ...
Get Vaadin 7 UI Design By Example Beginner's Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.