इसके माध्यम से साझा किया गया


में कार्ड गैलरी बनाएं और उसे कस्टमाइज़ करें Power Pages

कार्ड गैलरी एक डेटा नियंत्रण है जो तालिका और दृश्य से डेटा को कार्ड में प्रदर्शित करता है। आप साइट में कार्ड गैलरी जोड़ने, स्टाइल करने और कॉन्फ़िगर करने के लिए डिज़ाइन स्टूडियो या लिक्विड कोड का उपयोग कर सकते हैं। Power Pages

डिज़ाइन स्टूडियो के साथ कार्ड गैलरी जोड़ने के लिए:

  1. साइट की सामग्री और घटकों को संपादित करने के लिए डिज़ाइन स्टूडियो खोलें.

    टिप

    आप कोड का उपयोग करके कार्ड गैलरी भी जोड़ सकते हैं।

  2. पृष्ठ कार्यस्थानपर जाएँ.

  3. वह पेज चुनें जिसे आप संपादित करना चाहते हैं.

  4. वह अनुभाग चुनें जहां आप कार्ड गैलरी जोड़ना चाहते हैं.

  5. किसी भी संपादन योग्य कैनवास क्षेत्र पर माउस घुमाएं, फिर घटक पैनल से कार्ड गैलरी आइकन का चयन करें।

    ऊपरी बाएँ कोने में प्रदर्शित कार्ड गैलरी डिज़ाइन बटन के साथ कार्ड गैलरी घटक का स्क्रीनशॉट।

एक लेआउट चुनें

चार उपलब्ध लेआउट में से किसी एक को चुनने के लिए कार्ड गैलरी डिज़ाइन बटन का चयन करें।

डिज़ाइन स्टूडियो में कार्ड गैलरी डिज़ाइन विकल्पों का स्क्रीनशॉट। घटक के ऊपरी बाएँ कोने में स्थित कार्ड गैलरी डिज़ाइन बटन पर ज़ोर दिया गया है और घटक के सामने एक विंडो में डिज़ाइन विकल्प प्रदर्शित होते हैं।

यदि उपलब्ध हों तो आप मौजूदा कार्ड गैलरी में से भी चुन सकते हैं।

अपने कार्ड गैलरी का डेटा स्रोत कॉन्फ़िगर करें

अपने कार्ड गैलरी के डेटा स्रोत को कॉन्फ़िगर करने के लिए:

  1. कार्ड गैलरी डिज़ाइन बटन का चयन करें और डेटा चुनें।

    डिज़ाइन स्टूडियो में डेटा के लिए कार्ड गैलरी डिज़ाइन विकल्पों का स्क्रीनशॉट।

  2. डेटा स्रोत लुकअप फ़ील्ड से एक मौजूदा तालिका का चयन करें.

  3. दृश्य ड्रॉपडाउन से संगत दृश्य चुनें.

  4. प्रत्येक कार्ड गैलरी तत्व (छवि, शीर्षक, विवरण, बटन, पाठ हाइपरलिंक) के लिए, उसे दृश्य कॉलम से जोड़ने के लिए डेटा चुनें विकल्प चुनें।

    नोट

    बटन और हाइपरलिंक तत्वों के लिए, आपको दो सेटिंग्स कॉन्फ़िगर करने की आवश्यकता है: नाम और यूआरएल। दोनों कॉन्फ़िगरेशन को एक दृश्य कॉलम से जोड़ा जाना चाहिए.

किसी भी ऐसे तत्व के बगल में स्थित टॉगल स्विच को अक्षम करें जिसे आप शामिल नहीं करना चाहते हैं।

आप टॉगल स्विच के बाईं ओर स्थित आइकन का चयन करके तथा तत्व को वांछित स्थान पर खींचकर प्रत्येक तत्व की स्थिति को पुनः व्यवस्थित कर सकते हैं।

कॉलम के समर्थित प्रकार

प्रत्येक तत्व विशिष्ट डेटा प्रकारों का समर्थन करता है।

कॉलम के समर्थित प्रकार

प्रत्येक तत्व विशिष्ट डेटा प्रकारों का समर्थन करता है।

तत्व डेटा के प्रकार
पद पाठ (पाठ की एक पंक्ति)
फ़ोन
पूर्णांक
Decimal
ऊपर देखो
केवल तिथि
तिथि और समय
विवरण रिच टेक्स्ट
पाठ क्षेत्र (पाठ की कई पंक्तियाँ)
फ़ोन
पूर्णांक
Decimal
केवल तिथि
तिथि और समय
Image फ़ाइल - छवि
Button बटन लेबल:
  • पाठ (पाठ की एक पंक्ति)
  • सामग्री स्निपेट

बटन यूआरएल:
  • URL
  • वेब पृष्ठ
पाठ हाइपरलिंक पाठ हाइपरलिंक लेबल:
  • पाठ (पाठ की एक पंक्ति)
  • सामग्री स्निपेट

पाठ हाइपरलिंक यूआरएल:
  • URL
  • वेब पृष्ठ
कस्टम पाठ पाठ (पाठ की एक पंक्ति)

आप गैलरी, कार्ड और तत्व स्तर पर शैली गुणों को कॉन्फ़िगर करके अपनी कार्ड गैलरी को स्टाइल कर सकते हैं .

खोज फ़िल्टरिंग

खोज फ़िल्टरिंग जोड़ने या हटाने के लिए खोज सक्षम करें टॉगल को चालू/बंद करें।

अपनी कार्ड गैलरी कॉन्फ़िगर करने के बाद, आप नमूना डेटा के साथ कैनवास पर पूर्वावलोकन देख सकते हैं.

नोट

आपको साइट आगंतुकों को आपकी कार्ड गैलरी देखने और उससे बातचीत करने की अनुमति देने के लिए टेबल अनुमतियाँ सेट करनी होंगी .

आप अपनी कार्ड गैलरी को संपादित करने के लिए लिक्विड का भी उपयोग कर सकते हैं।

बिना किसी डेटा बाइंडिंग या कॉन्फ़िगरेशन के नई कार्ड गैलरी जोड़ने के लिए, निम्नलिखित लिक्विड टैग का उपयोग करें:

{% codecomponent name:Pages.CardGallery %}

मौजूदा कार्ड गैलरी जोड़ने के लिए, लिक्विड टैग का उपयोग करें और {your card gallery id} को मौजूदा कार्ड गैलरी की आईडी से बदलें:

{% codecomponent name:Pages.CardGallery id: '{your card gallery id}' %}