Question

我正在尝试使用style="width:60px"设置 richfaces 日历的宽度，但它不起作用。

<rich:calendar  id="givenDate" name="givenDate" 
    enableManualInput="true" style="width:60px" 
    datePattern="MM/dd/yyyy"  value="#{shotController.adminDate}" 
    immediate = "true"  required="true" 
    requiredMessage="#{msg.requiredmsg}" popup="true" />

有人可以帮忙吗？

Answer 1

<rich:calendar>标记组件是许多组件的组合，您可以设置每个组件的样式。对于输入，您应该使用inputStyle属性，或inputClass用于CSS定义的类：

<rich:calendar id="givenDate" name="givenDate"
    enableManualInput="true"
    <!-- this will be the style for the input textbox -->
    inputStyle="width:60px"
    datePattern="MM/dd/yyyy" value="#{shotController.adminDate}"
    immediate = "true" required="true"
    requiredMessage="#{msg.requiredmsg}" popup="true" />

另一种解决方案可能是重写特定日历组件的CSS样式。完整列表可在RichFaces Component appendix A: Style classes。

中找到

更多信息：

RichFaces Calendar Component

Answer 2

如果有人仍在寻找答案：要设置输入文本框的大小，可以使用“inputSize”属性。例如

 inputSize="10"

这会将文本框的大小设置为10个字符的长度。

参考：https://community.jboss.org/thread/8802

如何设置richfaces日历的宽度？

2 个答案: