2011-03-02 19 views
9

में दाईं ओर एक टैब को संरेखित करें मेरे पास टैब का एक सेट है, जो फ़ॉर्म के विभिन्न वर्गों का प्रतिनिधित्व करता है, सभी बाईं ओर गठबंधन होते हैं। जब कोई उपयोगकर्ता सभी वर्गों में भर जाता है, तो मैं चाहता हूं कि वह पूरे फॉर्म की समीक्षा कर सके।JQuery UI

मैं विभिन्न भागों में अनुभागों को विभाजित करने के लिए jQuery UI टैब का उपयोग कर रहा हूं। उपयोगकर्ता जितनी बार चाहें अनुभागों के बीच स्विच कर सकते हैं।

मैं अब चाहते हैं निम्नलिखित:

  • अनुभाग टैब हेडर बाईं ओर संरेखित होना चाहिए
  • मुद्रण सिंहावलोकन टैब हैडर सही और करने के लिए गठबंधन किया जाना चाहिए ((इस jQuery यूआई के लिए डिफ़ॉल्ट है) संभवतः) एक अलग शैली है

तो सवाल यह है कि मैं jQuery UI में किसी व्यक्तिगत टैब की शैली कैसे बदल सकता हूं?

उत्तर

18

आप टैब आप सही गठबंधन करना चाहते हैं पर एक id या class विशेषता निर्धारित करने में सक्षम होना चाहिए, तो आप उस आईडी या वर्ग के लिए सीएसएस सेट कर सकते हैं, आप अपने कस्टम स्टाइल के बाद !important उपयोग करना पड़ सकता है, ताकि jQueryUI स्टाइलशीट अपनी सेटिंग्स

http://jsfiddle.net/4Xmkf/1/

साथ ओवरराइड कर दिया जाएगा यहाँ एक सरल उदाहरण

+0

धन्यवाद दिखा एक jsfiddle है। जब मैंने टैब के लिए एक आईडी का उपयोग किया, तो 'महत्वपूर्ण' उत्थान नहीं था। उदाहरण के लिए jsfiddle के उपयोग के लिए – Scharrels

+2

+1। उत्तर के लिए –

+0

+1 –

0

मुझे लगता है कि आप इसे सीएसएस के साथ कर सकते हैं। यदि आप <ul> से अपने टैब बनाते हैं, तो बस अंतिम <li> (अवलोकन एक) में एक कक्षा जोड़ें, और दाईं ओर फ़्लोट करने के लिए सीएसएस का उपयोग करें।

आपको उस वर्ग का उपयोग करने में सक्षम होना चाहिए जो आप चाहते हैं कि अन्य स्टाइल भी करें।

आशा है कि इससे मदद मिलती है!