एग्रीजन पैनल के एक टैब का रंग बदलना

Question

मैं प्राइमफ़ेस 'एग्रीजन पैनल का उपयोग कर रहा हूं। टैब के अंदर मेरे पास फॉर्म हैं जो प्रोग्रामेटिक रूप से बनाए जाते हैं। प्रत्येक फॉर्म में एक सबमिट बटन है। यदि मैं इस टैब का रूप सबमिट कर चुका हूं, तो अब मैं एक टैब का रंग बदलना चाहता था। तो क्या एक विशिष्ट टैब का रंग बदलना संभव है और मैं यह काम कैसे प्रबंधित कर सकता हूं?

मुझे लगता है कि मुझे यहां वर्णित विभिन्न शैली कक्षाओं का उपयोग करना है, लेकिन मुझे पूरा यकीन नहीं है कि उनका उपयोग कैसे किया जाए।

How to highlight a primefaces tree node from backing bean

किसी भी मदद के लिए आप इस <p:tab> टैग की titleStyleClass उपयोग कर सकते हैं

Answer 1

की सराहना की है। जैसे जब भी हालत true रिटर्न

<p:accordionPanel> 
    <p:tab title="Step 1" titleStyleClass="#{bean.step1Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
    <p:tab title="Step 2" titleStyleClass="#{bean.step2Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
    <p:tab title="Step 3" titleStyleClass="#{bean.step3Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
</p:accordionPanel> 

यह completed करने के लिए टैब के सीएसएस शैली वर्ग सेट हो जाएगा। आप .completed {} स्टाइल क्लास में अपनी style.css फ़ाइल में वांछित सीएसएस निर्दिष्ट कर सकते हैं जिसे आपने /resources फ़ोल्डर में रखा है और <h:outputStylesheet name="style.css"> द्वारा शामिल किया गया है।

.completed { 
    background: pink; 
}