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

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

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


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

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

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

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

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

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

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

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

    यहां CardHeader का उदाहरण दिया गया है:

    कार्ड का कोई सेक्शन तय करना

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

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

    यह CardSection का उदाहरण है, जिसमें दो textParagraph विजेट हैं:

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

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

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

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

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

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