गुरुत्वाकर्षण प्रपत्र एलिमेंटर विजेट: सीएसएस के बिना गुरुत्वाकर्षण प्रपत्र जोड़ें और स्टाइल करें
ग्रेविटी फॉर्म मास्टर एडॉन्स में एक प्रो विजेट है जो एलिमेंटर पेज पर किसी भी ग्रेविटी फॉर्म को रखता है और आपको पैनल से स्टाइल करने देता है ड्रॉपडाउन से फॉर्म चुनें, ११ डिज़ाइन विविधताओं में से एक से शुरू करें, फिर लेबल, फ़ील्ड, चेकबॉक्स, सबमिट बटन, मल्टी-पेज प्रगति बार और त्रुटि संदेश समायोजित करें फॉर्म ठीक उसी तरह काम करता रहता है जैसे आपने इसे ग्रेविटी फॉर्म में बनाया था।
११ तैयार किए गए फॉर्म डिजाइन
डिजाइन विविधताएं ड्रॉपडाउन में ११ शैलियों हैं एक प्रारंभिक बिंदु के रूप में एक चुनें, फिर स्टाइल टैब में जो कुछ भी आपको पसंद है उसे बदलें आप ग्रेविटी फॉर्म में सेट शीर्षक और विवरण भी छिपा सकते हैं और इसके बजाय एलिमेंट में एक कस्टम शीर्षक लिख सकते हैं।
- एक ड्रॉपडाउन से ११ डिज़ाइन विविधताओं के बीच स्विच करें।
- प्रपत्र शीर्षक, विवरण, लेबल और प्लेसहोल्डर दिखाएँ या छिपाएँ।
- फॉर्म को संपादित किए बिना एक कस्टम शीर्षक और विवरण जोड़ें।
फ़ील्ड, चेकबॉक्स और रेडियो बटन स्टाइल
इनपुट और टेक्स्टएरिया पृष्ठभूमि, टेक्स्ट रंग, सीमा, त्रिज्या, बॉक्स छाया और टाइपोग्राफी प्राप्त करते हैं, एक अलग फोकस राज्य के साथ इनपुट और टेक्स्टएरिया के लिए चौड़ाई और ऊंचाई सेट करें स्वतंत्र रूप से, प्लस पैडिंग और टेक्स्ट इंडेंट रेडियो बटन और चेकबॉक्स में सामान्य और चेक किए गए राज्यों के लिए कस्टम आकार, रंग और सीमा त्रिज्या हो सकती है।
- इनपुट फ़ील्ड के लिए सामान्य और फोकस स्थिति।
- इनपुट और टेक्स्ट क्षेत्रों के लिए अलग चौड़ाई और ऊंचाई।
- कस्टम रेडियो और चेकबॉक्स शैलियों, अनुभाग डिवाइडर और उत्पाद मूल्य रंग।
सबमिट बटन, बहु-पृष्ठ फ़ॉर्म और संदेश
सबमिट बटन ऑटो, पूर्ण चौड़ाई या एक कस्टम चौड़ाई बनाएं, फिर अपने रंगों, सीमा, त्रिज्या, पैडिंग, बॉक्स छाया और टाइपोग्राफी को शैलीबद्ध करें, होवर रंगों के साथ बहु-पृष्ठ रूपों को पृष्ठ बटन और प्रगति पट्टी के लिए स्टाइल मिलता है त्रुटि संदेश, अमान्य फ़ील्ड और धन्यवाद संदेश प्रत्येक की अपनी रंग सेटिंग्स हैं, और आप त्रुटि संदेशों को पूरी तरह से छिपा सकते हैं।
- ऑटो, पूर्ण चौड़ाई या कस्टम चौड़ाई होवर रंगों के साथ बटन सबमिट करें।
- बहु-पृष्ठ रूपों के लिए पृष्ठ बटन और प्रगति बार स्टाइल।
- त्रुटि संदेशों, अमान्य फ़ील्ड और धन्यवाद संदेश के लिए रंग।
एलिमेंटर का शॉर्टकोड विजेट बनाम ग्रेविटी फॉर्म विजेट
एलिमेंटर का निःशुल्क शॉर्टकोड विजेट ग्रेविटी फॉर्म भी दिखा सकता है [gravityform id="1"]। फॉर्म काम करता है, लेकिन ऐसा लगता है कि आपकी थीम और ग्रेविटी फॉर्म इसे स्टाइल करते हैं, और इसे बदलने का मतलब है सीएसएस लिखना।
| शॉर्टकोड विजेट | मास्टर एडॉन्स ग्रेविटी फॉर्म | |
|---|---|---|
| कीमत | मुक्त | मास्टर एडॉन्स प्रो |
| फॉर्म चुनना | फॉर्म आईडी को शॉर्टकोड में टाइप करें | इसे एक ड्रॉपडाउन से उठाओ |
| तैयार डिजाइन | कोई नहीं | ११ डिजाइन विविधताएं |
| फ़ील्ड और बटन स्टाइलिंग | कस्टम सीएसएस | स्टाइल टैब, फोकस और होवर स्टेट्स के साथ |
| प्रगति पट्टी और त्रुटि स्टाइल | कस्टम सीएसएस | शैली टैब |
| मोबाइल समायोजन | सीएसएस मीडिया प्रश्न | आकार और रिक्ति के लिए उत्तरदायी नियंत्रण |
एक अलग फॉर्म प्लगइन का उपयोग करना? मास्टर ऐडऑन के लिए निःशुल्क स्टाइलिंग विजेट हैं संपर्क फ़ॉर्म ७, WPForms, निंजा प्रपत्र और WeForms.
एलिमेंटर में ग्रेविटी फॉर्म कैसे जोड़ें
आपको कम से कम एक फॉर्म के साथ ग्रेविटी फॉर्म की आवश्यकता है, और मास्टर एडॉन्स प्रो फिर इन चरणों का पालन करेंः
- मास्टर ऐडऑन डैशबोर्ड में ग्रेविटी फॉर्म विजेट चालू करें।
- एलिमेंटर में अपना पेज खोलें, “Gravity Forms” के लिए विजेट पैनल खोजें और मास्टर ऐडऑन विजेट को उसकी जगह पर खींचें।
- संपर्क फ़ॉर्म ड्रॉपडाउन में अपना फ़ॉर्म चुनें।
- 11 डिज़ाइन विविधताओं में से एक चुनें।
- तय करें कि फॉर्म शीर्षक, विवरण, लेबल और प्लेसहोल्डर दिखाना है या नहीं पृष्ठ को पुनः लोड किए बिना फॉर्म जमा करने के लिए अजाक्स का उपयोग करें चालू करें।
- रंग, बॉर्डर, रिक्ति और टाइपोग्राफी सेट करने के लिए स्टाइल टैब खोलें, फिर प्रकाशित करें।
यदि ड्रॉपडाउन खाली है, तो जांचें कि ग्रेविटी फॉर्म सक्रिय है और आपने एक फॉर्म बनाया है।
गुरुत्वाकर्षण प्रपत्रों के लिए अक्सर पूछे जाने वाले प्रश्न
क्या मुझे ग्रेविटी फॉर्म प्लगइन स्थापित करने की आवश्यकता है?
हाँ विजेट शैलियों रूपों आप ग्रेविटी रूपों में निर्माण, ताकि प्लगइन स्थापित किया गया है और सक्रिय है इसके बिना, विजेट एक नोटिस आप ग्रेविटी रूपों को सक्रिय करने के लिए पूछ पता चलता है।
मैं एलिमेंट में ग्रेविटी फॉर्म कैसे जोड़ूं?
ग्रेविटी फॉर्म इंस्टॉल करें और अपना फॉर्म बनाएं एलिमेंटर में, मास्टर एडॉन्स ग्रेविटी फॉर्म विजेट को पेज पर खींचें, संपर्क फ़ॉर्म ड्रॉपडाउन में फ़ॉर्म चुनें, एक डिज़ाइन भिन्नता चुनें और इसे स्टाइल टैब में स्टाइल करें ऊपर चरण-दर-चरण मार्गदर्शिका प्रत्येक सेटिंग को कवर करता है।
क्या मैं मोबाइल उपकरणों पर फॉर्म को उत्तरदायी बना सकता हूं?
हाँ। कई आकार, रिक्ति और संरेखण नियंत्रणों में अलग-अलग डेस्कटॉप, टैबलेट और मोबाइल मान होते हैं, इसलिए आप छोटी स्क्रीन के लिए पैडिंग, फ़ील्ड चौड़ाई और बटन चौड़ाई बदल सकते हैं।
क्या सशर्त तर्क और गुरुत्वाकर्षण फॉर्म ऐड-ऑन अभी भी काम करेंगे?
हाँ विजेट ग्रेविटी फॉर्म के माध्यम से ही अपने फॉर्म को आउटपुट करता है, इसलिए सशर्त तर्क, बहु-पृष्ठ फॉर्म और ऐड-ऑन आपके द्वारा उन्हें सेट करने के तरीके से काम करते हैं विजेट केवल फॉर्म को कैसे बदलता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
