当前位置：文江博客话题详情

jsf h:消息位置如 rich:message

发布于 2024-12-23 10:32:53 字数 219 浏览 4 评论 0原文

当我在表单中使用 rich:message 时，我在输入字段下方看到消息，颜色为红色并带有 X 图片。

我的问题是如何将 h:message 定位在与 rich:message 相同的位置？或者，从 rich:message 中删除 X 图片。（我希望能够在输入字段下方看到红色文本，没有任何图片）。

提前致谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一指流沙 2024-12-30 10:32:53

如果您使用 RichFaces，它们会为您的 message 组件提供漂亮的样式。如果您不想使用它，则必须构建自己的 CSS 样式类来格式化消息组件。原始 JSF 的组件具有属性 styleClass。您可以使用 CSS 类实现您想要的外观，并将类名称放在那里，如下所示：

<style type="text/css">
   .message { 
      background-color: red;
   }
</style> 

<h:inputText id="myInput" />
<h:message for="myInput" styleClass="message" />

<h:panelGrid columns="3">
   <h:outputText value="Input " />
   <h:inputText id="myInput" />

   <h:outputText />
   <h:message for="myInput" styleClass="message" />
</h:panelGrid>

我的示例不会像 RichFaces 的实现那样显示得那么好。你需要自己弄清楚：P。

If you use RichFaces, they provide you with nice styling for your message component. If you don't want to use it, you have to build your own CSS style class to format the message component. Original JSF 's <h:message> component has the attribute styleClass. You can implement how you want it to look like with CSS class and put the class name there like this:

<style type="text/css">
   .message { 
      background-color: red;
   }
</style> 

<h:inputText id="myInput" />
<h:message for="myInput" styleClass="message" />

<h:panelGrid columns="3">
   <h:outputText value="Input " />
   <h:inputText id="myInput" />

   <h:outputText />
   <h:message for="myInput" styleClass="message" />
</h:panelGrid>

My example will not display as nice as RichFaces's implementation. You need to figure it out yourself :P.

回复收藏 0 原文