GWT DockLayoutPanel例題

Question

我試圖產生DockLayoutPanel它看起來像例子中的開發者指南（http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html）

DockLayoutPanel p = new DockLayoutPanel(Unit.EM); 
p.addNorth(new HTML("header"), 2); 
p.addSouth(new HTML("footer"), 2); 
p.addWest(new HTML("navigation"), 10); 
p.add(new HTML("some content")); 
// I added this: 
RootLayoutPanel.get().add(p); 

所有這些代碼被放置在onModuleLoad 裏面，當你創建替換示例Eclipse啓動代碼一個新的 GWT應用程序。我在HTML頁面中強制使用標準模式。輸出看起來不像這個例子。我在正確的位置看到了文本「頁眉，頁腳等」，但頁面全是白色，造型丟失了（藍色背景的白色框）。

我錯過了一個CSS或其他非常簡單的東西，使它看起來像例子嗎？
謝謝！

Answer 1

如果您在Eclipse中的啓動項目的onModuleLoad中刪除了所有內容，然後添加了您自己的內容，如果您的頁面全部爲白色，則這是正常的。

事情是，DockLayoutPanel只是一個佈局面板，所以它沒有基本的風格，即使啓用了「標準Google風格」。

帶白色框的藍色背景實際上是標準樣式應用於onModuleLoad中最初的樣式的結果。