Как разместить виджеты на противоположных сторонах (слева / справа) области?DockPanel не работает

Question

У меня есть широкий DIV в форме бара в моем HTML, и я хочу разместить 2 группы виджетов по разные стороны от него (слева и справа).Я думал, что DockPanel поможет мне, но это не так.

Следующий код размещает и изображение, и кнопку на левой стороне панели, несмотря на то, что я установил для них противоположные направления.В чем причина этого?

@Override
public void onModuleLoad() {

    Image logo = new Image("images/online.png");

    HorizontalPanel leftPanel = new HorizontalPanel();
    leftPanel.add(logo);

    PushButton userListButton = new PushButton(new Image("images/Bullet-Arrow-Up-32.png"));

    HorizontalPanel rightPanel = new HorizontalPanel();
    rightPanel.add(userListButton);

    DockPanel mainPanel = new DockPanel();
    mainPanel.add(leftPanel, DockPanel.WEST);
    mainPanel.add(rightPanel, DockPanel.EAST);

    RootPanel.get("manubar").add(mainPanel);

}

Спасибо!

Answer 1

Вам нужно указать размер mainPanel, иначе он такой же большой, как и его содержимое.Попробуйте:

mainPanel.setSize("100%");

Также этот пример может помочь.

http://examples.roughian.com/index.htm#Panels~DockPanel