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