Class Columns

Le widget Columns affiche jusqu'à deux colonnes dans une fiche ou une boîte de dialogue. Vous pouvez ajouter des widgets chaque Column ; les widgets apparaissent dans l'ordre dans lequel ils sont spécifiés. Par exemple, dans Pour les applications Google Chat, consultez Colonnes.

La hauteur de chaque colonne est déterminée par la colonne la plus haute. Par exemple, si la première colonne est plus haute que la deuxième colonne, les deux colonnes ont la hauteur de la première. Étant donné que chaque peut contenir un nombre différent de widgets, vous ne pouvez pas définir de lignes ni aligner les widgets entre les colonnes.

Les colonnes s'affichent côte à côte. Vous pouvez personnaliser la largeur de chaque colonne à l'aide des HorizontalSizeStyle. Si la largeur de l'écran de l'utilisateur est trop étroite, la deuxième colonne encapsule sous la première:

• Sur le Web, la deuxième colonne affiche un retour automatique à la ligne si la largeur de l'écran est inférieure ou égale à 480 pixels.
• Sur les appareils iOS, la deuxième colonne renvoie une valeur automatique si la largeur de l'écran est inférieure ou égale à 300. ptie.
• Sur les appareils Android, la deuxième colonne renvoie automatiquement à une valeur si la largeur de l'écran est inférieure ou égale à 320 dp.

Disponible pour les applications Google Chat et les modules complémentaires 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);