Выбор даты на FloatPanel

Question

Мне нужно разместить несколько виджетов DatePicker в строке.Если для размещения всех из них не хватает ширины, остальные виджеты перемещаются в следующую строку.Это поведение макета HTML по умолчанию.Поэтому я пытаюсь использовать FlowPanel.С любыми другими виджетами (Buttons, Labels, ...) все в порядке, но DatePickers помещают один виджет в строку.Вот код

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

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

    RootPanel.get().add(panel);

Есть предложения по решению этой проблемы?Спасибо.

Answer 1

Корневым элементом

DatePicker является table, поэтому вам нужно придать ему стиль display: inline-table или поместить его в элемент со стилем display: inline-block.

Следующее не должно нарушать любое другое использование DatePicker, но не будет работать в IE 6 или 7; это самое простое, что могло бы сработать ™:

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

Если вам действительно нужна поддержка IE 6/7, вы можете попробовать следующее в CssResource:

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