2012-05-03 15 views
6

पर मैं ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं।एचटीएमएल <एच: संदेश />

चेतावनी एचटीएमएल कोड है:

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

रंग और गोल कोनों ठीक हैं, लेकिन मुझे करीबी लिंक जोड़ने की जरूरत है:

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

मैंके साथ ऐसा कैसे करूं 0? http://twitter.github.com/bootstrap/components.html#alerts

उत्तर

7

BalusC

द्वारा

Using HTML in JSF messages

इस लेख पर एक नज़र डालें:

संपादित

एक बेहतर समझ की आवश्यकता है, यहाँ चेतावनी शैली के लिए चहचहाना बूटस्ट्रैप कड़ी है

+0

धन्यवाद लेकिन मुझे समझ नहीं आता जहां और मैं अपने संदेश में '×' कैसे जोड़ूं, क्या आप समझा सकते हैं? – Gerep

+0

मुझे लगता है कि आप संदेश जोड़ने का सामान्य तरीका ... FacesContext संदर्भ = FacesContext.getCurrentInstance(); context.addMessage (शून्य, नया चेहरा मैसेज (आपका संदेश यहां जाता है ... संदेशों को सर्वर की तरफ से जोड़ा जाना चाहिए ... उदाहरण के लिए स्ट्रिंग myMessage = "यहां टेक्स्ट/एचटीएमएल कोड है ..." – Daniel

+0

ठीक है ... मैं ' मैं इस तरह से शुरू करना चाहता हूं, मैं अपनी 'एचटीएमएल' फाइलों पर ऐसा करता हूं जैसे: '' और ''h: संदेश />' को मेरे 'फॉर्म' के शीर्ष पर जोड़ें, धन्यवाद – Gerep

3

बस omnifaces o: संदेशों का उपयोग करें। समस्या हल हो जाएगी।

जैसे <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> 

इसकी है, लेकिन आप लिंक के लिए JSF के पिछले संस्करणों के लिए अनुकूल सकते हैं ..

संबंधित मुद्दे