Демоны Vaadin с различными эффектами

Question

Я новичок в Vaadin - опробовать некоторые демо-версии, такие как this.

Однако, я вижу следующее тот же самый код, когда я запустить его в моем рабочем пространстве:

Мой код такой же, как, например, на этой page-- я только называется другой конструктор Tree для простоты. Разделители и Panel я использую все из com.vaadin.ui.*:

private Component panels() { 
    // Have a panel to put stuff in 
    Panel panel = new Panel("Split Panels Inside This Panel"); 

    // Have a horizontal split panel as its content 
    HorizontalSplitPanel hsplit = new HorizontalSplitPanel(); 
    panel.setContent(hsplit); 

    // Put a component in the left panel 
    Tree tree = new Tree("Menu"); 
    hsplit.setFirstComponent(tree); 

    // Put a vertical split panel in the right panel 
    VerticalSplitPanel vsplit = new VerticalSplitPanel(); 
    hsplit.setSecondComponent(vsplit); 

    // Put other components in the right panel 
    vsplit.addComponent(new Label("Here's the upper panel")); 
    vsplit.addComponent(new Label("Here's the lower panel")); 
    return panel; 
} 

Тогда я буду просто вызвать этот метод из init() моего разъема UI:

@Override 
protected void init(VaadinRequest vaadinRequest) { 

    setContent(panels()); 

} 

Это случилось только о каждом разветвителя , макет, демонстрации панелей, на которых я был.

Что мне не хватает?

TIA.

Answer 1

Необходимо определить, что высота вашей панели составляет 100%.

Вы можете сделать это, например, говоря

panel.setHeight("100%");