主题不适用于Button

时间:2012-09-27 13:25:28

标签: xpages

我开始玩主题。我能够创建CSS并将CSS与各种表元素相关联。工作正常。

现在我正尝试用按钮做同样的事情。但它似乎没有用。如果我将样式权限应用于按钮,则可以正常工作。

<theme extends="oneuiv2.1"> 

<resource>
    <content-type>text/css</content-type>
    <href>app.css</href>
</resource>

<resource>
    <content-type>text/css</content-type>
    <href>viewpicklistCC.css</href>
</resource>


<control>
    <name>Button</name>
    <property>
        <name>styleClass</name>
        <value>MyButton</value>
    </property>
</control>



<control>
    <name>HtmlTable</name>
    <property>
        <name>styleClass</name>
        <value>PNCTable</value>
    </property>
</control>

<control>
    <name>HtmlTd</name>
    <property>
        <name>styleClass</name>
        <value>PNCTableCell</value>
    </property>
</control>


</theme>


.MyButton {
width:179.0px;
font-family:Arial,sans-serif;
font-size:18pt;
color:rgb(255,128,0);
font-weight:bold
}

1 个答案:

答案 0 :(得分:4)

在主题中,您需要使用控件的主题ID才能定位它。这与CSS样式类不同。

您可以在控件上手动设置主题ID(在样式 - 主题中,或在所有属性中 - 样式 - 主题ID),然后通过引用此主题ID来定位控件。

或者您可以使用控件的默认主题ID。 XPageswiki包含核心控件的默认主题ID列表: http://xpageswiki.com/web/youatnotes/wiki-xpages.nsf/dx/Work_with_themes#themeID+values+for+core+controls

因此,在您的情况下,您需要使用以下主题ID之一来定位您的按钮:

Button: Button.Command
Button with type=submit: Button.Submit
Button with type=cancel: Button.Cancel