GWT DockLayoutPanel示例问题

时间:2010-05-26 19:50:50

标签: java css gwt

我尝试生成一个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或其他非常简单的东西,使其看起来像示例? 谢谢!

1 个答案:

答案 0 :(得分:2)

如果您删除了Eclipse中启动项目的onModuleLoad中的所有内容,那么添加了您自己的内容,如果您的页面全部为白色,这是正常的。

问题是,DockLayoutPanel只是一个布局面板,所以它没有基本风格,即使启用了“标准Google风格”。

带有白框的蓝色背景实际上是应用于最初在onModuleLoad中的标准样式的结果。