html - 在 apache trinidad 中覆盖元素样式

Question

我的 jsp 页面中有一个日期字段，我在其中使用了 apache trinidad。我为此编写了以下代码

<tr:inputDate label="Date From"  id="dateFrm" value="#{taskStatus.fromDate}"  >
<f:convertDateTime pattern="dd-MM-yyyy"/>
</tr:inputDate> 
<tr:outputLabel value="DD-MM-YYYY" inlineStyle="color:red; vertical-align:top">
</tr:outputLabel>

现在，我遇到的问题是，每当我输入无效日期时，错误消息就会散布在整个页面上，并且我会得到一个额外的日历图标!我想覆盖 inputDate 元素的元素样式。因此，它不显示任何错误消息(或额外的日历图标)。我试图用它来覆盖元素样式

 <tr:inputDate label="Date From"  id="dateFrm" value="#{taskStatus.fromDate}" inlineStyle="display: inline !important" >

但是也没用

Answer 1

我从来没有遇到过错误消息的布局问题。我总是把我的输入字段放在 tr:panelFormLayout 中标签，这可能会为您带来更一致的布局。

我还建议使用 help facet 来显示日期格式。你可以skin它使用选择器 .OraInlineInfoText。

<tr:panelFormLayout>
  <tr:inputDate label="Date From"
                id="dateFrm"
                value="#{taskStatus.fromDate}">
    <f:convertDateTime pattern="dd-MM-yyyy"/>
    <f:facet name="help">
      <tr:outputText value="DD-MM-YYYY"/>
    </f:facet>
  </tr:inputDate>
</tr:panelFormLayout>