I Fehlermeldung als Tooltip wie in diesem Beispiel angezeigt werden soll: http://www.primefaces.org/showcase/ui/message/messages.xhtmlPrime faces - Nachricht Tooltip nicht
Hier ist mein JSF Code-Schnipsel:
<h:form id="loginForm">
<p:messages id="messages" showDetail="true" closable="true" for="login"/>
<h:panelGrid columns="3" cellpadding="3" width="100%">
<p:outputLabel for="username" value="Login: "/>
<p:inputText style="width: 100%;" value="#{loginBean.username}" required="true" id="username"/>
<p:message for="username" display="tooltip"/>
<p:outputLabel for="password" value="Password:"/>
<p:password style="width: 100%;" value="#{loginBean.password}" required="true" id="password"/>
<p:message for="password" display="tooltip"/>
</h:panelGrid>
<p:commandButton value="OK" action="#{loginBean.login()}" update="loginForm" style="float: right; margin-top: 5px;"/>
</h:form>
Hier ist die HTML-Ausgabe-Schnipsel für Login-Reihe:
<tr>
<td><label id="loginForm:j_idt9" class="ui-outputlabel ui-widget ui-state-error" for="loginForm:username">Login: <span class="ui-outputlabel-rfi">*</span></label></td>
<td><input id="loginForm:username" name="loginForm:username" type="text" value="" style="width: 100%;" aria-required="true" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all ui-state-error" role="textbox" aria-disabled="false" aria-readonly="false"></td>
<td><div id="loginForm:j_idt10" aria-live="polite" class="ui-message ui-helper-hidden ui-message-error ui-widget ui-corner-all"><span class="ui-message-error-icon"></span><span class="ui-message-error-detail">Login: Validation Error: Value is required.</span></div></td>
</tr>
Es eindeutig HTML-Code für den Tooltip ist & Eingänge die rote Umrandung, aber Tooltip Nachricht wird nicht nur zeigen, wenn ich hove r über das Eingabefeld. Mein Formular befindet sich im Dialogfenster.
Primefaces 6.0.RC2
Ja, das hat den Trick gemacht. Sie sollten das in der Vitrine besser erklären. Die Art wie es aussieht ist ein Teil des ersten Beispiels. TY. –