Aggiungi HTML a <h: messages />

Sto usando Twitter Bootstrap.Aggiungi HTML a <h: messages />

Il codice HTML avviso è:

<div class="alert alert-block"> 
    <a class="close" data-dismiss="alert" href="#">×</a> 
    <h4 class="alert-heading">Warning!</h4> 
    Best check yo self, you're not... 
</div>

sto usando <h:messages /> di mostrare il mio errore di forma, informazioni e messaggi di avviso in questo modo:

<h:messages errorClass="alert alert-error" infoClass="alert alert-info" warnClass="alert alert-warning"/>

I colori ed angoli arrotondati sono OK, ma ho bisogno di aggiungere lo stretto legame:

<a class="close" data-dismiss="alert" href="#">×</a>

Come faccio a farlo con <h:messages/>?

Modifica

Se è necessaria una migliore comprensione, qui è il cinguettio di collegamento bootstrap al modo d'uso: http://twitter.github.com/bootstrap/components.html#alerts

fonte

2012-05-03 Gerep

Date un'occhiata a questo articolo di BalusC

Using HTML in JSF messages

fonte

2012-05-03 12:45:42 Daniel

grazie per il link, ma non capisco dove e come aggiungerò il '×' al mio messaggio, puoi spiegare? – Gerep

Immagino il solito modo di aggiungere messaggi ... FacesContext context = FacesContext.getCurrentInstance(); context.addMessage (null, new FacesMessage (il tuo messaggio va qui ... i messaggi dovrebbero essere aggiunti dal lato server ... es. String myMessage = "ecco il testo/codice HTML ..." – Daniel

Ok ... I ' comincerò a fare così, lo faccio sui miei file 'html' come:' ' e aggiungo un '' in cima al mio 'form', grazie – Gerep

Basta usare omnifaces o: messages. Il problema sarà risolto.

esempio <o:messages escape="false"/>

fonte

2014-01-15 06:50:04 Mithun

Un'altra soluzione è

<div class="alert alert-danger alert-dismissible fade in" role="alert" jsf:rendered="#{not empty facesContext.getMessageList('InputPassword')}"> 
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 
    <strong>Error </strong> <h:message for="InputPassword" /> 
            </div>

sua per JSF 2.2, ma è in grado di adattarsi alle versioni precedenti di JSF ..

fonte

2014-12-10 21:38:10 Mario

Aggiungi HTML a <h: messages />

risposta

Problemi correlati