Class Columns

Columns विजेट, किसी कार्ड या डायलॉग बॉक्स में ज़्यादा से ज़्यादा दो कॉलम दिखाता है. हर Column में विजेट जोड़े जा सकते हैं. विजेट उसी क्रम में दिखते हैं जिस क्रम में उन्हें जोड़ा गया है. Google Chat ऐप्लिकेशन में उदाहरण के लिए, कॉलम देखें.

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

कॉलम एक साथ दिखते हैं. HorizontalSizeStyle फ़ील्ड का इस्तेमाल करके, हर कॉलम की चौड़ाई को पसंद के मुताबिक बनाया जा सकता है. अगर उपयोगकर्ता की स्क्रीन की चौड़ाई बहुत कम है, तो दूसरे कॉलम में पहले रैप के नीचे रैप करता है:

• वेब पर, अगर स्क्रीन की चौड़ाई 480 पिक्सल या उसके बराबर है, तो दूसरा कॉलम रैप हो जाता है.
• iOS डिवाइस पर, अगर स्क्रीन की चौड़ाई 300 या उससे कम है, तो दूसरा कॉलम रैप हो जाता है भा.
• Android डिवाइस पर, अगर स्क्रीन की चौड़ाई इससे कम या उसके बराबर है, तो दूसरा कॉलम रैप हो जाएगा 320 डीपी.

यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace ऐड-ऑन के लिए उपलब्ध है. इस ऐप्लिकेशन के साथ काम करने वाले ऐड-ऑन यूज़र इंटरफ़ेस (यूआई) कॉलम में यह शामिल है:

• यह डायलॉग तब दिखता है, जब उपयोगकर्ता ईमेल के ड्राफ़्ट से ऐड-ऑन खोलते हैं.
• यह डायलॉग तब दिखता है, जब उपयोगकर्ता अटैचमेंट जोड़ें मेन्यू से ऐड-ऑन को खोलते हैं Google Calendar इवेंट.

// Build a column that is aligned in the center and fills the space:
const column = CardService.newColumn()
    .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
    .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
    .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
    .addColumn(column)
    .setWrapStyle(CardService.WrapStyle.WRAP);