1 
HeaderButton.setWidth("80px");

似乎没有效果。

HeaderButton.addStyleName("myStyle");.myStyle {width:80px;}在 css 中也没有“ ”。但是 css 是活动的，这可以通过以下事实证明，但效果不好：

HeaderButton.setStyleName("myStyle");

使用 setStyleName，宽度确实增加了，但渲染效果好像按钮宽度没有增加，即圆形边框在按钮内部，看起来很有趣。

有没有一种简单的方法可以将左侧标题按钮的宽度增加一些像素，以便我可以看到德语“Abbrechen”（意味着取消）完成？:)

提前致谢

4

1 回答 1

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 {

}

也许这可以帮助某人...

于 2014-06-24T13:44:48.380 回答