Class Columns

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

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

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

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

यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace ऐड-ऑन के लिए उपलब्ध है.

// 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);