DatePickers auf dem FloatPanel

Question

Ich muss mehrere DatePicker Widgets in die Zeile platzieren. Wenn nicht genug Breite vorhanden ist, um alle von ihnen zu platzieren, werden die übrigen Widgets in die nächste Zeile verschoben. Dies ist das standardmäßige HTML-Layoutverhalten. Also versuche ich FlowPanel zu benutzen. Mit allen anderen Widgets (Buttons, Labels, ...) ist alles in Ordnung, aber DatePickers sind ein Widget in der Zeile platziert. Hier ist der Code

FlowPanel panel = new FlowPanel();  
    DatePicker picker1 = new DatePicker(); 
    DatePicker picker2 = new DatePicker();  

    panel.add(picker1); 
    panel.add(picker2); 

    RootPanel.get().add(panel); 

Irgendwelche Vorschläge, um dieses Problem zu lösen? Danke.

Answer 1

DatePicker ‚s Wurzelelement ist ein table so würde man ihm einen display: inline-table Stil geben, oder es mit display: inline-block Stil in einem Elemente setzen.

Die folgende Beschreibung ist keine andere Verwendung von DatePicker bricht, wird aber in IE 6 oder 7 nicht funktionieren; es ist die einfachste Sache, die möglicherweise ™ funktionieren könnte:

.gwt-DatePicker { display: inline-table; } 

Wenn Sie wirklich IE 6/7 Unterstützung benötigen, können Sie die folgende versuchen, in einem CssResource:

@if user.agent ie6 { 
    .gwt-DatePicker { display: inline; } 
} 
@else { 
    .gwt-DatePicker { display: inline-table; } 
}