कार्ड या डायलॉग बॉक्स के कॉम्पोनेंट डिज़ाइन करना

इस पेज पर, Google Chat में कार्ड मैसेज के मुख्य यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट को डिज़ाइन करने और बनाने का तरीका बताया गया है.

कार्ड में तय लेआउट, बटन जैसे इंटरैक्टिव यूज़र इंटरफ़ेस (यूआई), और इमेज जैसे रिच मीडिया का इस्तेमाल किया जा सकता है. कार्ड मैसेज और डायलॉग की मदद से, जानकारी देने, इनपुट इकट्ठा करने या उपयोगकर्ताओं को अगले चरणों की जानकारी देने के लिए, कार्ड का इस्तेमाल किया जा सकता है.


Chat ऐप्लिकेशन के लिए JSON कार्ड मैसेज डिज़ाइन करने और उनकी झलक देखने के लिए, Card Builder का इस्तेमाल करें:

कार्ड बिल्डर खोलें

कार्ड और डायलॉग बॉक्स में आम तौर पर ये कॉम्पोनेंट होते हैं:

  • एक CardHeader जिसमें आपके कार्ड का टाइटल होता है.
  • एक या एक से ज़्यादा CardSection विजेट, जो कार्ड का मुख्य हिस्सा बनाते हैं.
  • CardFixedFooter विजेट, जो सिर्फ़ डायलॉग के लिए है.

ज़रूरी शर्तें

  • Google Workspace खाता, जिसमें Google Chat का ऐक्सेस हो.
  • पब्लिश किया गया Chat ऐप्लिकेशन. Chat ऐप्लिकेशन बनाने के लिए, इस quickstart को अपनाएं.
  • हेडर कार्ड जोड़ें

    CardHeader विजेट कार्ड का हेडर दिखाता है. हेडर में आपके कार्ड के लिए टाइटल, सबटाइटल, और अवतार इमेज शामिल हो सकती है.

    कार्ड मैसेज और डायलॉग के लिए, CardHeader को शामिल किया जा सकता है.

    CardHeader का एक उदाहरण नीचे दिया गया है:

    कार्ड के किसी सेक्शन के बारे में जानकारी दें

    CardSection विजेट, कार्ड में एक हाई-लेवल कंटेनर होता है. किसी कार्ड में विजेट का ग्रुप बनाने के लिए, कार्ड सेक्शन का इस्तेमाल किया जाता है. हर कार्ड सेक्शन के लिए, एक हेडर और एक या एक से ज़्यादा विजेट शामिल किए जा सकते हैं.

    कार्ड मैसेज और डायलॉग के लिए, CardSection को शामिल किया जा सकता है.

    नीचे ऐसे CardSection का उदाहरण दिया गया है जिसमें दो textParagraph विजेट हैं:

    CardFixedFooter विजेट, चैट ऐप्लिकेशन से भेजे गए डायलॉग मैसेज का फ़ुटर दिखाता है. फ़ुटर में मुख्य बटन और दूसरा बटन हो सकता है.

    CardFixedFooter विजेट, सिर्फ़ डायलॉग के लिए उपलब्ध है.

    यहां दो बटन वाले CardFixedFooter विजेट का उदाहरण दिया गया है:

    समस्या हल करें

    जब Google Chat के किसी ऐप्लिकेशन या कार्ड पर कोई गड़बड़ी दिखती है, तो Chat के इंटरफ़ेस पर "कोई गड़बड़ी हुई" मैसेज दिखता है. या "आपके अनुरोध को प्रोसेस नहीं कर पा रहे हैं." कभी-कभी Chat के यूज़र इंटरफ़ेस (यूआई) में गड़बड़ी का कोई मैसेज नहीं दिखता, लेकिन Chat ऐप्लिकेशन या कार्ड से अनचाहा नतीजा मिलता है. उदाहरण के लिए, हो सकता है कि कार्ड पर कोई मैसेज न दिखे.

    हो सकता है कि Chat के यूज़र इंटरफ़ेस (यूआई) में गड़बड़ी का मैसेज न दिखे. हालांकि, चैट ऐप्लिकेशन में गड़बड़ी को लॉग करने की सुविधा चालू होने पर, गड़बड़ियों को ठीक करने के लिए, गड़बड़ी के मैसेज और लॉग डेटा उपलब्ध होते हैं. गड़बड़ियों को देखने, डीबग करने, और ठीक करने में मदद पाने के लिए, Google Chat की गड़बड़ियों को ठीक करना और उन्हें हल करना देखें.