कुंजी तकिए
- ऊर्ध्वाधर टैब ने खिताब को बाएं या दाएं एक कॉलम में रखा, उनके बगल में पैनल के साथ वे लंबे शीर्षक और छह या अधिक वर्गों के अनुरूप हैं, जहां एक क्षैतिज पट्टी लपेटती।
- एलिमेंटर का अपना टैब्स विजेट इसे शुरू या समाप्त करने के लिए दिशा नियंत्रण सेट के साथ करता है किसी सीएसएस की आवश्यकता नहीं है।
- द मास्टर ऐडऑन टैब्स विजेट इसमें वर्टिकल टैब्स स्टाइल प्रीसेट है, जो सादे के बजाय स्टाइल में आता है।
- लगभग ७६८ पीएक्स के नीचे एक साइड कॉलम के लिए पर्याप्त चौड़ाई नहीं है, इसलिए दोनों मार्ग ढेर हैं केवल कोर विजेट एक समझौते में बदल जाता है।
- यदि विजेट पैनल के अंदर जाते हैं तो कोर चुनें, और यदि टैब कॉलम को आइकन या तैयार लुक की आवश्यकता है तो ऐडऑन चुनें।
एक बार जब शीर्षक लंबे या असंख्य हो जाते हैं तो क्षैतिज टैब टूट जाते हैं। 1,200px कॉलम में छह शीर्षक या तो दो पंक्तियों में लपेटते हैं या पाठ को तब तक सिकोड़ते हैं जब तक कि कोई उन्हें नहीं पढ़ता।
ऊर्ध्वाधर टैब पट्टी को अपनी तरफ घुमाते हैं: इसके बगल में सक्रिय पैनल के साथ शीर्षकों का एक संकीर्ण स्तंभ प्रत्येक शीर्षक को एक पूर्ण रेखा मिलती है, इसलिए “शिपिंग और रिटर्न” बिना लपेटे फिट बैठता है इसे बनाने के दोनों तरीके अनुसरण करते हैं।
विषय-सूची
जब ऊर्ध्वाधर क्षैतिज धड़कता है
वर्टिकल बेहतर लेआउट है जब इनमें से कोई भी सत्य हैः
- पांच से अधिक खंड, जहां एक पट्टी लपेटती है लेकिन एक स्तंभ लंबा हो जाता है।
- शीर्षक दो शब्दों से अधिक लंबे हैं। “Warranty और मरम्मत” को एक पूरी लाइन की आवश्यकता है।
- बहुत अलग ऊंचाई के पैनल, क्योंकि पैनल का आकार बदलते समय शीर्षक कॉलम रखा रहता है।
- सामग्री जो मेनू की तरह पढ़ती है: दस्तावेज़ीकरण अनुभाग, सेवा सूचियाँ, समूहीकृत अक्सर पूछे जाने वाले प्रश्न।
तीन या चार छोटे शीर्षकों के लिए क्षैतिज रहें एक साइड कॉलम चौड़ाई का लगभग एक चौथाई खाता है, और तीन टैब के साथ जो व्यापार इसके लायक नहीं है।
विधि 1: एलिमेंट का दिशा नियंत्रण
एलिमेंटर में टैब्स विजेट इसे बिना ऐडऑन के संभालता है।
- टैब्स विजेट को पृष्ठ पर खींचें।
- लेआउट में, बाईं ओर शीर्षकों के लिए प्रारंभ करने की दिशा, या दाईं ओर शीर्षकों के लिए समाप्त करने की दिशा निर्धारित करें।
- यह नियंत्रित करने के लिए कि शीर्षक पाठ कॉलम के अंदर बाएँ, मध्य या दाएँ बैठता है या नहीं, शीर्षक संरेखित करें सेट करें।
- हमेशा की तरह प्रत्येक पैनल को उसके कंटेनर के अंदर बनाएं।
स्टार्ट कॉलम को बाएं से दाएं भाषा में बाईं ओर रखता है और दाएं से बाएं के लिए स्वचालित रूप से फ़्लिप करता है, यही कारण है कि मानों को बाएं और दाएं के बजाय प्रारंभ और अंत नाम दिया गया है।
परिणाम कार्यात्मक और बिना स्टाइल वाला है: एक कॉलम में पाठ शीर्षक, उनके बगल में पैनल, और स्टाइल टैब के लिए छोड़ी गई प्रत्येक सीमा और रंग।
विधि 2: वर्टिकल टैब प्रीसेट
मास्टर एडॉन्स विजेट लेआउट को दिशा के बजाय पूर्व निर्धारित के रूप में मानता है, इसलिए स्टाइल इसके साथ आता है।
- टैब विजेट को अंदर खींचें।
- स्टाइल प्रीसेट को वर्टिकल टैब पर सेट करें।
- प्रति अनुभाग एक पुनरावर्तक आइटम जोड़ें, प्रत्येक में एक टैब शीर्षक होगा।
- यदि शीर्षकों को आइकन या छवि की आवश्यकता है तो आइकन प्रकार को आइकन या छवि पर सेट करें, फिर आइकन चुनें।
- पैनल सामग्री लिखें, और जो भी टैब पहले खुलना चाहिए उस पर डिफ़ॉल्ट के रूप में सेट करें स्विच करें।
कॉलम अपनी पृष्ठभूमि, रिक्ति और सक्रिय स्थिति के साथ आता है, इसलिए एक स्टाइलिंग सत्र के बजाय एक प्रयोग करने योग्य ब्लॉक एक मिनट लेता है सीमा वही है जो एडन में हमेशा होती है: पैनल संपादक सामग्री रखते हैं, इसलिए एक टैब के अंदर एक फॉर्म या गैलरी का मतलब प्रो पर सहेजा गया टेम्पलेट है, या इसके बजाय कोर विजेट।
एक शांत संस्करण: बाईं सक्रिय सीमा
तीसरा प्रीसेट के बारे में जानने लायक है बाएं सक्रिय सीमा ऊर्ध्वाधर स्तंभ रखती है लेकिन बॉक्सिंग लुक को छोड़ देती है: शीर्षक पृष्ठ पृष्ठभूमि पर बैठते हैं, और सक्रिय एक को इसके बाएं किनारे पर एक रंगीन पट्टी के साथ चिह्नित किया जाता है।
यह प्रलेखन-शैली के पृष्ठों पर पहुंचने वाला है, जहां एक भारी टैब कॉलम ध्यान के लिए मुख्य पाठ से लड़ता है।
एक फोन पर क्या होता है
390px स्क्रीन में साइड कॉलम और पैनल के लिए कोई जगह नहीं है, इसलिए दोनों मार्ग ऊर्ध्वाधर लेआउट को छोड़ देते हैं।
कोर विजेट अतिरिक्त सेटिंग्स में आपके द्वारा चुने गए ब्रेकपॉइंट के नीचे एक ऊर्ध्वाधर अकॉर्डियन पर ढेर हो जाता है, प्रत्येक शीर्षक सीधे अपने स्वयं के पैनल के ऊपर बैठता है एडऑन विजेट नीचे दिए गए पैनल के साथ शीर्षकों को एक पूर्ण-चौड़ाई वाले कॉलम में ढेर करता है, जो काम करता है, हालांकि यह एक अकॉर्डियन नहीं है: खुला पैनल शीर्षकों की पूरी सूची के नीचे रहता है।
किसी भी तरह से, प्रकाशन से पहले फोन दृश्य की जांच करें डेस्कटॉप पर आपके द्वारा डिज़ाइन किया गया लेआउट वह लेआउट नहीं है जिसे फोन आगंतुक देखता है।
किस विधि का उपयोग करना है
| स्थिति | विधि |
|---|---|
| पैनलों के अंदर फॉर्म, गैलरी या मूल्य निर्धारण तालिकाएँ | कोर टैब, दिशा प्रारंभ करने के लिए सेट |
| फोन पर एक अकॉर्डियन होने की जरूरत है | कोर टैब |
| शीर्षक बाईं ओर के बजाय दाईं ओर | कोर टैब, दिशा समाप्त होने के लिए सेट |
| शीर्षकों पर चिह्न या चित्र | ऐडऑन, वर्टिकल टैब प्रीसेट |
| स्टाइल टैब कार्य के बिना स्टाइल कॉलम | ऐडऑन, वर्टिकल टैब प्रीसेट |
| सादा दस्तावेज़ीकरण-शैली साइड नव | ऐडऑन, लेफ्ट एक्टिव बॉर्डर प्रीसेट |
| होवर पर पैनल स्विच | ऐडऑन, टैब प्रभाव होवर पर सेट |
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर बिना ऐडऑन के वर्टिकल टैब बना सकता है?
हाँ। टैब्स विजेट के दिशा नियंत्रण को प्रारंभ या समाप्त पर सेट करें और शीर्षक एक साइड कॉलम में चले जाएं।
दिशा मानों को प्रारंभ और अंत क्यों कहा जाता है, बाएँ और दाएँ क्यों नहीं?
तो लेआउट सही ढंग से दाएं से बाएं भाषाओं में फ़्लिप करता है प्रारंभ वह पक्ष है जिस पर पाठ शुरू होता है।
एक ऊर्ध्वाधर लेआउट में कितने टैब काम करते हैं?
छह से दस आरामदायक है पिछले कि स्तंभ इसके बगल में पैनल से लंबा हो जाता है, जो अजीब लगता है।
क्या वर्टिकल टैब मोबाइल पर वर्टिकल रहते हैं?
नहीं, पर्याप्त चौड़ाई नहीं है, इसलिए दोनों मार्ग ढेर कोर विजेट एक अकॉर्डियन बन जाता है; एडऑन पैनल के ऊपर शीर्षकों को ढेर करता है।
क्या मैं एक ऊर्ध्वाधर टैब के अंदर एक फॉर्म डाल सकता हूं?
कोर विजेट के साथ, हाँ, क्योंकि प्रत्येक पैनल एक कंटेनर है ऐडऑन के साथ, समकक्ष एक सहेजे गए टेम्पलेट पर सामग्री प्रकार को इंगित कर रहा है, जो एक प्रो विकल्प है।
अंतिम विचार
ऊर्ध्वाधर जा रहा है कि आप शीर्षकों को छोटा किए बिना चौड़ाई की समस्या को कैसे हल करते हैं एलिमेंट का डायरेक्शन कंट्रोल इसे बिना ऐडऑन के करता है और पैनलों में कंटेनर रखता है, जो मायने रखता है अगर कुछ भी इंटरैक्टिव अंदर जाता है एडऑन प्रीसेट मायने रखता है जब शीर्षक कॉलम को आपके स्टाइल के बिना समाप्त दिखना पड़ता है दोनों निर्माण करने के लिए लगभग एक ही समय लेते हैं, इसलिए पैनल में क्या रहता है यह तय करता है।
संबंधित पढ़ने
