2012-05-03 11 views
6

私はTwitterのブートストラップを使用しています。<h:messages />にHTMLを追加

警告HTMLコードは次のとおりです。

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

私は、私のフォームのエラーを表示するように<h:messages />を使って情報と、このような警告メッセージをしています:

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

色と丸みを帯びた角はOKですが、近いリンクを追加する必要があります:でどうすればいいですか? 0?

編集

よりよい理解が必要な場合は、ここで警告スタイルにTwitterのブートストラップのリンクです: http://twitter.github.com/bootstrap/components.html#alerts

答えて

7

がBalusC

Using HTML in JSF messages

することで、この記事を見てみましょう
+0

... JSFの以前のバージョンに適応することができ、リンクのおかげで、私はどこ理解していませんメッセージに「×」を追加する方法を教えてください。 – Gerep

+0

私はメッセージを追加する通常の方法を推測します... FacesContext context = FacesContext.getCurrentInstance();あなたのメッセージはサーバーサイドから追加されるべきです...例えば、文字列myMessage = "ここにテキスト/ HTMLコードです..." – Daniel

+0

Ok ...私は、 'h:inputText requiredMessage =" id = "pesquisa" styleClass = "input-xxlarge search-query"必須= "このようにすると、本当に "/>'を追加し、私の 'form'の上に' 'を追加してください、ありがとう – Gerep

3

omnifaces o:messagesを使用してください。問題は解決されます。

例えば<o:messages escape="false"/>

0

別の解決策は、JSF 2.2のための

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

そのですが、

関連する問題