エリアの反対側（左/右）にウィジェットを配置する方法は？ DockPanelが動作しない

私はHTMLに広い棒状のDIVを持ち、左右のウィジェットの2つのグループを左右に配置したいと考えています。私はDockPanelが助けになると思っていましたが、そうではありません。エリアの反対側（左/右）にウィジェットを配置する方法は？ 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); 

}

ありがとうございます！

出典

2011-10-26 Dims