Question

我想将背景颜色设置为GWT应用程序的装饰器面板中间类。但是我如何在UIBinder文件中执行此操作？

我可以在GWT应用程序的css文件中设置css属性，但这会将我的所有装饰器面板设置为相同的颜色。

我认为我对UiBinder的CSS工作方式感到困惑。现在我一直这样做：

.test {
    background-color: #d0e4f6
}

    <g:north size="100">
        <g:DecoratorPanel addStyleNames="{styles.test}">
            <g:HorizontalPanel>
                <g:Label>NEW PROJECT</g:Label>
                <g:Label>Doe, John</g:Label>
            </g:HorizontalPanel>
        </g:DecoratorPanel>
    </g:north>

对于装饰者面板，我无法弄清楚如何做到这一点。其他财产有效。

谢谢！

修改

GWT已定义样式属性以仅设置装饰器面板的中心。但是如何将它应用于UIBinder文件中的单个面板？

.gwt-DecoratorPanel。中间， .gwt-DecoratorPanel .middle { 背景颜色：蓝色; }

Answer 1

http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Hello_Stylish_World

基本上：

 <ui:style>
     .pretty { background-color: #d0e4f6 }
 </ui:style>

<g:north size="100">
    <g:DecoratorPanel>
        <g:HorizontalPanel addStyleNames="{style.pretty}">
            <g:Label>NEW PROJECT</g:Label>
            <g:Label>Doe, John</g:Label>
        </g:HorizontalPanel>
    </g:DecoratorPanel>
</g:north>

如何在ui binder中将css设置为元素？

修改

1 个答案: