Dodaj HTML do <h: messages />

Używam Twittera Bootstrapa.Dodaj HTML do <h: messages />

Alert HTML kod jest:

<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>

Używam <h:messages /> pokazać moje błędzie formularza, informacji i komunikatów ostrzegawczych tak:

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

kolory i zaokrąglone rogi są OK, ale Muszę dodać bliskie łącze:

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

Jak to zrobić z <h:messages/>?

Edit

Jeśli wymagane jest lepsze zrozumienie, tutaj jest twitter bootstrap link do ostrzegania stylu: http://twitter.github.com/bootstrap/components.html#alerts

Źródło

2012-05-03 Gerep

Spójrz na ten artykuł przez BalusC

Using HTML in JSF messages

Źródło

2012-05-03 12:45:42 Daniel

dzięki za link ale nie rozumiem, gdzie i w jaki sposób dodaję "×" do mojej wiadomości, czy możesz wyjaśnić? – Gerep

Chyba zwykły sposób dodawania wiadomości ... FacesContext context = FacesContext.getCurrentInstance(); context.addMessage (null, new FacesMessage (twoja wiadomość idzie tutaj ... wiadomości powinny być dodane od strony serwera ... np. String myMessage = "tutaj jest tekst/kod HTML ..." – Daniel

Ok ... I ' Zacznę robić w ten sposób, robię to na moich plikach 'html' takich jak:' " i dodaj '' na szczycie mojego "formularza", dziękuję – Gerep

Wystarczy użyć omnifaces o: wiadomości. Problem zostanie rozwiązany.

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

Źródło

2014-01-15 06:50:04 Mithun

Innym rozwiązaniem jest

<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>

Its dla JSF 2.2, ale można dostosować do poprzednich wersji JSF ..

Źródło

2014-12-10 21:38:10 Mario

Dodaj HTML do <h: messages />

Odpowiedz

Powiązane problemy