Widget Columns menampilkan maksimal 2 kolom dalam kartu atau dialog. Anda dapat menambahkan widget ke
setiap Column; widget akan 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 itu memiliki tinggi kolom pertama. Karena setiap kolom dapat berisi jumlah widget yang berbeda, Anda tidak dapat menentukan baris atau menyelaraskan widget antar-kolom.
Kolom ditampilkan berdampingan. Anda dapat menyesuaikan lebar setiap kolom menggunakan kolom HorizontalSizeStyle. Jika lebar layar pengguna terlalu sempit, kolom kedua
akan digabungkan di bawah yang pertama:
- Di web, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 480 piksel.
- Pada perangkat iOS, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 300 poin.
- Pada perangkat Android, kolom kedua digabungkan jika lebar layar kurang dari atau sama dengan 320 dp.
Tersedia untuk aplikasi Google Chat dan Add-on 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);
Metode
| Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
|---|---|---|
addColumn(column) | Columns | Menambahkan Column ke widget Columns. |
setWrapStyle(wrapStyle) | Columns | Menetapkan gaya penggabungan kolom, mengontrol cara kolom diubah ukurannya 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 Kolom. |
Return
Columns — Objek ini, untuk perantaian.
setWrapStyle(wrapStyle)
Menetapkan gaya penggabungan kolom, mengontrol cara kolom diubah ukurannya 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. |
Return
Columns — Objek ini, untuk perantaian.