以mgwt 1.1.2增加com.googlecode.mgwt.ui.client.widget.HeaderButton的寬度

HeaderButton.setWidth("80px");

似乎沒有效果。以mgwt 1.1.2增加com.googlecode.mgwt.ui.client.widget.HeaderButton的寬度

HeaderButton.addStyleName("myStyle");與「.myStyle {width:80px;}」在CSS中都沒有。但CSS是活動是由一個事實，即下面有效果，但沒有很好的一個證明：

HeaderButton.setStyleName("myStyle");

隨着setStyleName，寬度確有增加，但渲染是因爲如果按鍵寬度沒有增加，即圓形邊框在按鈕內部，看起來很有趣。

有沒有簡單的方法來增加一個左邊的標題按鈕的寬度只是由一些像素，這樣我可以看到德國的「Abbrechen」（意思是取消）完成？ :)

在此先感謝

來源

2014-06-24 user2618802

一些試驗後，我找到了解決辦法。看來，人們只需要在onModuleLoad（）的開頭注入一個自己的HeaderCss實例。那裏定義的樣式似乎對所有HeaderPanels和它們的按鈕都有效。

我的例子如下。

IIntroductionBundle.java：

package com.rlogix.tourneys.client.view.introduction; 

import com.google.gwt.core.client.GWT; 
import com.google.gwt.resources.client.ClientBundle; 
import com.google.gwt.resources.client.CssResource; 
import com.googlecode.mgwt.ui.client.theme.base.HeaderCss; 

    public interface IIntroductionBundle extends ClientBundle { 
     public static IIntroductionBundle I = GWT.create(IIntroductionBundle.class); 

     @Source("header.css") 
     HeaderCss headerCss(); 
    }

和header.css：

@CHARSET "ISO-8859-1"; 

.mgwt-HeaderButton { 
} 

.mgwt-HeaderButton-active { 

} 

.mgwt-HeaderButton-back { 

} 

.mgwt-HeaderButton-forward { 

} 

.mgwt-HeaderButton-round { 

} 

.mgwt-HeaderButton-text { 
    max-width:80px; 
} 

.mgwt-HeaderButton-border-container { 

} 
.mgwt-HeaderButton-border-content { 

} 

.mgwt-HeaderPanel { 

} 

.mgwt-HeaderPanel-left { 
    margin:6px; 
    margin-left:0px; 
} 

.mgwt-HeaderPanel-center { 

} 

.mgwt-HeaderPanel-right { 
} 

.mgwt-DropDownMenu { 

} 

.mgwt-DropDownMenu-content { 

} 

.mgwt-DropDownMenu-arrow { 

}

也許這可以幫助別人...

來源

2014-06-24 13:44:48 user2618802

以mgwt 1.1.2增加com.googlecode.mgwt.ui.client.widget.HeaderButton的寬度

回答

相關問題