Widget Columns
menampilkan hingga 2 kolom dalam kartu atau dialog. Anda dapat menambahkan widget ke
masing-masing Column
; widget muncul sesuai urutan yang ditentukan. Untuk contoh di
aplikasi Google Chat, lihat Kolom.
Ketinggian setiap kolom ditentukan oleh kolom yang lebih tinggi. Misalnya, jika kolom pertama lebih tinggi dari kolom kedua, kedua kolom memiliki tinggi kolom pertama. Karena setiap dapat berisi jumlah widget yang berbeda, Anda tidak dapat menentukan baris atau menyelaraskan widget di antara kolom.
Kolom ditampilkan secara berdampingan. Anda dapat menyesuaikan lebar setiap kolom menggunakan
Kolom HorizontalSizeStyle
. Jika lebar layar pengguna terlalu sempit, kolom kedua
digabungkan di bawah yang pertama:
- Di web, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 480 piksel.
- Di perangkat iOS, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 300 pt.
- Di perangkat Android, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 320 dp.
Tersedia untuk aplikasi Google Chat dan Add-on Google Workspace. UI add-on yang mendukung meliputi:
- Dialog ini akan ditampilkan saat pengguna membuka add-on dari draf email.
- Dialog yang ditampilkan saat pengguna membuka add-on dari menu Tambahkan lampiran di Acara Google Kalender.
// 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);
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
addColumn(column) | Columns | Menambahkan Column ke widget Kolom. |
setWrapStyle(wrapStyle) | Columns | Menetapkan gaya penggabungan kolom, mengontrol cara kolom berubah ukuran berdasarkan lebar layar. |
Dokumentasi mendetail
addColumn(column)
Menambahkan Column
ke widget Columns. Kolom ditampilkan sesuai urutan
penambahannya. Anda dapat menambahkan hingga dua kolom.
const columns = CardService.newColumns() .addColumn(CardService.newColumn());
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
column | Column | Kolom turunan yang akan ditambahkan ke widget Columns. |
Pulang pergi
Columns
— Objek ini, untuk perantaian.
setWrapStyle(wrapStyle)
Menetapkan gaya penggabungan kolom, mengontrol cara kolom berubah ukuran berdasarkan lebar layar.
const columns = CardService.newColumns() .addColumn(CardService.newColumn()) .setWrapStyle(CardService.WrapStyle.WRAP);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
wrapStyle | WrapStyle | Gaya penggabungan yang akan ditetapkan untuk kolom. |
Pulang pergi
Columns
— Objek ini, untuk perantaian.