Vaadin Demos mit verschiedenen Effekten

Question

Ich bin neu in Vaadin - ausprobieren einige der Demos-- wie this.

aber ich sehe das folgende an den gleichen Code, wenn ich es in meinem Arbeitsbereich laufen:

Mein Code ist das gleiche wie das Beispiel auf diesem page-- nur i genannt ein anderer Tree Konstruktor für die Einfachheit. Die Splitter und Panel Ich verwende sind alle von 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; 
} 

Dann, ich bin einfach diese Methode von init() meines UI-Anschluss Aufruf:

@Override 
protected void init(VaadinRequest vaadinRequest) { 

    setContent(panels()); 

} 

Dies geschah mit fast jedem Splitter , Layout, Panel-Demos, auf denen ich war.

Was fehlt mir?

TIA.

Answer 1

Sie müssen definieren, dass die Höhe Ihres Panels 100% ist.

Sie können es zum Beispiel tun, indem er sagte

panel.setHeight("100%");