इस पेज का अनुवाद Cloud Translation API से किया गया है.

Class Columns

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

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

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

वेब पर, स्क्रीन की चौड़ाई 480 पिक्सल या उससे कम होने पर, दूसरा कॉलम रैप हो जाता है.
iOS डिवाइसों पर, अगर स्क्रीन की चौड़ाई 300 pt से कम या उसके बराबर है, तो दूसरा कॉलम रैप हो जाता है.
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);

तरीके

तरीका	रिटर्न टाइप	संक्षिप्त विवरण
`addColumn(column)`	`Columns`	कॉलम विजेट में `Column` जोड़ता है.
`setWrapStyle(wrapStyle)`	`Columns`	कॉलम के रैप स्टाइल को सेट करता है. साथ ही, यह कंट्रोल करता है कि स्क्रीन की चौड़ाई के आधार पर कॉलम का साइज़ कैसे बदलता है.

ज़्यादा जानकारी वाला दस्तावेज़

`addColumn(column)`

कॉलम विजेट में Column जोड़ता है. कॉलम उसी क्रम में दिखते हैं जिस क्रम में उन्हें जोड़ा गया है. ज़्यादा से ज़्यादा दो कॉलम जोड़े जा सकते हैं.

const columns = CardService.newColumns().addColumn(CardService.newColumn());

पैरामीटर

नाम	टाइप	ब्यौरा
`column`	`Column`	कॉलम विजेट में जोड़ने के लिए चाइल्ड कॉलम.

वापसी का टिकट

Columns — चेन करने के लिए यह ऑब्जेक्ट.

`setWrapStyle(wrapStyle)`

कॉलम के रैप स्टाइल को सेट करता है. साथ ही, यह कंट्रोल करता है कि स्क्रीन की चौड़ाई के आधार पर कॉलम का साइज़ कैसे बदलता है.

const columns = CardService.newColumns()
                    .addColumn(CardService.newColumn())
                    .setWrapStyle(CardService.WrapStyle.WRAP);

पैरामीटर

नाम	टाइप	ब्यौरा
`wrapStyle`	`WrapStyle`	कॉलम के लिए सेट किया जाने वाला रैप स्टाइल.

वापसी का टिकट

Columns — चेन करने के लिए यह ऑब्जेक्ट.