增加mgwt 1.1.2中com.googlecode.mgwt.ui.client.widget.HeaderButton的宽度

时间:2014-06-24 07:13:08

标签: mgwt

HeaderButton.setWidth("80px");

似乎没有效果。

HeaderButton.addStyleName("myStyle");与" .myStyle {width:80px;}"在css中也没有。但是css是活跃的,这可以通过以下事实证明:以下是有效的,但不是很好的:

HeaderButton.setStyleName("myStyle");

使用setStyleName,宽度确实增加但渲染就像按钮宽度没有增加一样,即圆形边框位于看起来很有趣的按钮内。

是否有一种简单的方法可以通过一些像素来增加左侧标题按钮的宽度,这样我就可以看到德语" Abbrechen" (表示取消)完成? :)

提前致谢

1 个答案:

答案 0 :(得分:1)

经过一些试验,我找到了解决方案。 看来,只需要在onModuleLoad()的开头注入一个自己的HeaderCss实例。那里定义的样式似乎适用于所有HeaderPanel及其按钮。

我的例子如下。

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 {

}

也许这有助于某人...