2011-05-05 51 views
0

我正在使用GWT HtmlPanel對窗口小部件進行分組。我想使用CSS將HtmlPanel的高度設置爲100%。併爲其設置背景顏色。GWT HTMLPanel高度問題

這是我的代碼:

CSS: .loginhtmlpan { 寬度:100%; 身高:100%; background-color:#424242; }

請在這方面幫助我。

+0

你可以嘗試設置的高度和寬度與Java代碼見http://google-web-toolkit.googlecode.com/svn/javadoc/2.3/com/google/gwt/user/client/ui/UIObject.html。使用'setHeight'或'setWidth'。同時添加標籤CSS到你的問題。這不是一個真正的gwt問題,而是更多的CSS問題。當你這樣做時,你會得到更好的輸入。 – 2011-05-05 19:40:00

回答

1

嘗試使用基於約束的CSS定位而不是以編程方式指定特定的高度和寬度。對於標準的GWT小部件來說,這已經成爲常見的做法。樣式如下:

.myCssStyle { position:absolute; top:0; left:0; right:0; bottom:0; }

您可以將這個風格,那麼添加使用addStyleName(「myCssStyle」)的HTMLPanel - 關於這個的好處是,你的HTMLPanel適當的大小調整時免費瀏覽器調整事件發生時出現。作爲一個方面說明,大多數GWT「佈局」容器使用基於約束的定位(DockLayoutPanel,LayoutPanel,SplitLayoutPanel等)。

0

到CSS樣式應用到GWT插件的最簡單的方法:

  1. Link在您的host.html文件中的樣式表。

  2. 通話myHtmlPanel.addStyleName("loginhtmlplan")當您創建HTML面板

更多細節