TextField description RichFaces

Question

Я работаю с richfaces, мне нужно показать сообщение «X», когда на поле щелкнуть, как на фотографии. Это мой код в XHTML:

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:s="http://jboss.com/products/seam/taglib" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:rich="http://richfaces.org/rich" 
    xmlns:a4j="http://richfaces.org/a4j"> 

    <rich:panel> 
    <h:form> 
     <h:panelGrid columns="3"> 
      <h:outputText value="Name:" /> 
      <h:inputText label="Name" id="name" required="true" 
       value="#{loginAction.username}"> 
       <f:validateLength minimum="3" /> 
      </h:inputText> 
      <rich:message for="name" style="color:red;"> 
       <f:facet name="errorMarker"> 
        <h:graphicImage value="/img/error.gif" /> 
       </f:facet> 
      </rich:message> 

      <f:facet name="footer"> 
       <a4j:commandButton value="Validate" /> 
      </f:facet> 
     </h:panelGrid> 
    </h:form> 
    </rich:panel> 
</ui:composition> 

я хочу что-то вроде этого, перед тем занесена, только тогда, когда поле щелкнул:

Спасибо.

Answer 1

Используйте richfaces '<rich:tooltip/>, чтобы отобразить настраиваемую и настраиваемую всплывающую подсказку рядом с вашим текстовым полем. Из примера демонстрации:

<h:inputText label="Name" id="name" required="true" value="#{loginAction.username}"> 
      <f:validateLength minimum="3" /> 
       <rich:tooltip followMouse="false" showEvent="onclick" showDelay="1500" styleClass="tooltip-custom-body" layout="block"> 
      <span style="white-space: nowrap"> This tool-tip content is also <strong>pre-rendered</strong> to the 
       page.<br /> </span> 
    </rich:tooltip> 
</h:inputText>