Cards v1

Fiche

Une carte est un élément d'interface utilisateur qui peut contenir des widgets d'interface utilisateur, tels que du texte et des images.

Représentation JSON 
{
  "header": {
    object (CardHeader)
  },
  "sections": [
    {
      object (Section)
    }
  ],
  "cardActions": [
    {
      object (CardAction)
    }
  ],
  "name": string
}
Champs
header

object (CardHeader)

En-tête de la carte. Un en-tête contient généralement un titre et une image.

sections[]

object (Section)

Les sections sont séparées par une ligne.

cardActions[]

object (CardAction)

Actions de cette fiche.

name

string

Le nom de la carte.

CardHeader

Représentation JSON 
{
  "title": string,
  "subtitle": string,
  "imageStyle": enum (ImageStyle),
  "imageUrl": string
}
Champs
title

string

Vous devez indiquer un titre. L'en-tête a une hauteur fixe: si un titre et un sous-titre sont spécifiés, chacun d'eux occupe une ligne. Si seul le titre est spécifié, il occupe les deux lignes.

subtitle

string

Sous-titre de l'en-tête de la carte.

imageStyle

enum (ImageStyle)

Type de l'image (par exemple, bordure carrée ou bordure circulaire)

imageUrl

string

URL de l'image dans l'en-tête de la fiche.

ImageStyle

Enums
IMAGE_STYLE_UNSPECIFIED
IMAGE Bordure carrée.
AVATAR Bordure circulaire.

Section

Une section contient une collection de widgets qui sont affichés (verticalement) dans l'ordre dans lequel ils sont spécifiés. Sur toutes les plates-formes, les fiches ont une largeur fixe étroite. Il n'est donc actuellement pas nécessaire de définir des propriétés de mise en page (par exemple, une valeur flottante).

Représentation JSON 
{
  "header": string,
  "widgets": [
    {
      object (WidgetMarkup)
    }
  ]
}
Champs
header

string

En-tête de la section. Le texte mis en forme est accepté. Pour en savoir plus sur la mise en forme du texte, consultez Mettre en forme du texte dans les applications Google Chat et Mettre en forme du texte dans les modules complémentaires Google Workspace.

widgets[]

object (WidgetMarkup)

Chaque section doit contenir au moins un widget.

WidgetMarkup

Un widget est un élément d'interface utilisateur qui présente du texte et des images.

Représentation JSON 
{
  "buttons": [
    {
      object (Button)
    }
  ],

  // Union field data can be only one of the following:
  "textParagraph": {
    object (TextParagraph)
  },
  "image": {
    object (Image)
  },
  "keyValue": {
    object (KeyValue)
  }
  // End of list of possible types for union field data.
}
Champs
buttons[]

object (Button)

Une liste de boutons La valeur "Buttons" est également définie sur oneof data. Un seul de ces champs doit être défini.

Champ d'union data. Un élément WidgetMarkup ne peut contenir qu'un seul des éléments suivants. Vous pouvez utiliser plusieurs champs WidgetMarkup pour afficher plus d'éléments. data ne peut être que l'un des éléments suivants:
textParagraph

object (TextParagraph)

Afficher un paragraphe de texte dans ce widget.

image

object (Image)

Affichez une image dans ce widget.

keyValue

object (KeyValue)

Affichez un élément clé-valeur dans ce widget.

TextParagraph

Paragraphe de texte. Texte mis en forme accepté. Pour en savoir plus sur la mise en forme du texte, consultez Mettre en forme du texte dans les applications Google Chat et Mettre en forme du texte dans les modules complémentaires Google Workspace.

Représentation JSON 
{
  "text": string
}
Champs
text

string

Images

Image spécifiée par une URL et pouvant être associée à une action onclick.

Représentation JSON 
{
  "imageUrl": string,
  "onClick": {
    object (OnClick)
  },
  "aspectRatio": number
}
Champs
imageUrl

string

URL de l'image

onClick

object (OnClick)

L'action onclick.

aspectRatio

number

Format de cette image (largeur et hauteur). Ce champ vous permet de réserver la hauteur appropriée pour l'image en attendant son chargement. Il n'est pas destiné à remplacer le format intégré de l'image. Si cette règle n'est pas configurée, le serveur la remplit en préchargeant l'image.

OnClick

Une action onclick (par exemple, ouvrir un lien).

Représentation JSON 
{

  // Union field data can be only one of the following:
  "action": {
    object (FormAction)
  },
  "openLink": {
    object (OpenLink)
  }
  // End of list of possible types for union field data.
}
Champs

Champ d'union data.

data ne peut être que l'un des éléments suivants:

action

object (FormAction)

Si elle est spécifiée, une action de formulaire est déclenchée par cette action onclick.

FormAction

Une action de formulaire décrit le comportement lors de l'envoi du formulaire. Par exemple, vous pouvez appeler Apps Script pour gérer le formulaire.

Représentation JSON 
{
  "actionMethodName": string,
  "parameters": [
    {
      object (ActionParameter)
    }
  ]
}
Champs
actionMethodName

string

Le nom de la méthode permet d'identifier la partie du formulaire qui a déclenché l'envoi. Ces informations sont renvoyées à l'application Chat lors de l'événement de clic sur la fiche. Vous pouvez utiliser le même nom de méthode pour plusieurs éléments qui déclenchent un comportement commun.

parameters[]

object (ActionParameter)

Liste des paramètres d'action.

ActionParameter

Liste des paramètres de chaîne à fournir lorsque la méthode d'action est appelée. Prenons l'exemple de trois boutons Répéter: Répéter maintenant, Répéter un jour, Répéter la semaine suivante. Vous pouvez utiliser action method = snooze() pour transmettre le type et la durée de mise en pause dans la liste des paramètres de chaîne.

Représentation JSON 
{
  "key": string,
  "value": string
}
Champs
key

string

Nom du paramètre du script d'action.

value

string

Valeur du paramètre.

KeyValue

Un élément d'interface utilisateur contient une clé (libellé) et une valeur (contenu). Cet élément peut également contenir des actions telles que le bouton onclick.

Représentation JSON 
{
  "topLabel": string,
  "content": string,
  "contentMultiline": boolean,
  "bottomLabel": string,
  "onClick": {
    object (OnClick)
  },

  // Union field icons can be only one of the following:
  "icon": enum (Icon),
  "iconUrl": string
  // End of list of possible types for union field icons.

  // Union field control can be only one of the following:
  "button": {
    object (Button)
  }
  // End of list of possible types for union field control.
}
Champs
topLabel

string

Texte du libellé supérieur. Texte mis en forme accepté. Pour en savoir plus sur la mise en forme du texte, consultez Mettre en forme du texte dans les applications Google Chat et Mettre en forme du texte dans les modules complémentaires Google Workspace.

content

string

Texte du contenu. Texte mis en forme accepté et toujours obligatoire. Pour en savoir plus sur la mise en forme du texte, consultez Mettre en forme du texte dans les applications Google Chat et Mettre en forme du texte dans les modules complémentaires Google Workspace.

contentMultiline

boolean

Si le contenu doit être multiligne.

bottomLabel

string

Texte du libellé du bas. Texte mis en forme accepté. Pour en savoir plus sur la mise en forme du texte, consultez Mettre en forme du texte dans les applications Google Chat et Mettre en forme du texte dans les modules complémentaires Google Workspace.

onClick

object (OnClick)

L'action onclick. Seuls les libellés du haut, le libellé du bas et la zone du contenu sont cliquables.

Champ d'union icons. Vous devez définir au moins l'une des icônes, top_label et bottom_label. icons ne peut être que l'un des éléments suivants:
icon

enum (Icon)

Valeur d'énumération remplacée par l'API Chat par l'image d'icône correspondante.

iconUrl

string

Icône spécifiée par une URL.

Champ d'union control. Un widget de commande. Vous pouvez définir button ou switch_widget, mais pas les deux. control ne peut être que l'un des éléments suivants:
button

object (Button)

Un bouton sur lequel l'utilisateur peut cliquer pour déclencher une action.

Icon

Ensemble d'icônes prises en charge.

Enums
ICON_UNSPECIFIED
AIRPLANE
BOOKMARK
BUS
CAR
CLOCK
CONFIRMATION_NUMBER_ICON
DOLLAR
DESCRIPTION
EMAIL
EVENT_PERFORMER
EVENT_SEAT
FLIGHT_ARRIVAL
FLIGHT_DEPARTURE
HOTEL
HOTEL_ROOM_TYPE
INVITE
MAP_PIN
MEMBERSHIP
MULTIPLE_PEOPLE
OFFER
PERSON
PHONE
RESTAURANT_ICON
SHOPPING_CART
STAR
STORE
TICKET
TRAIN
VIDEO_CAMERA
VIDEO_PLAY

Bouton

Un bouton Il peut s'agir d'un bouton textuel ou d'un bouton image.

Représentation JSON 
{

  // Union field type can be only one of the following:
  "textButton": {
    object (TextButton)
  },
  "imageButton": {
    object (ImageButton)
  }
  // End of list of possible types for union field type.
}
Champs

Champ d'union type.

type ne peut être que l'un des éléments suivants:

textButton

object (TextButton)

Un bouton avec du texte et une action onclick.

imageButton

object (ImageButton)

Un bouton avec une image et une action onclick.

TextButton

Un bouton avec du texte et une action onclick.

Représentation JSON 
{
  "text": string,
  "onClick": {
    object (OnClick)
  }
}
Champs
text

string

Texte du bouton

onClick

object (OnClick)

Action onclick du bouton.

ImageButton

Un bouton image avec une action onclick.

Représentation JSON 
{
  "onClick": {
    object (OnClick)
  },
  "name": string,

  // Union field icons can be only one of the following:
  "icon": enum (Icon),
  "iconUrl": string
  // End of list of possible types for union field icons.
}
Champs
onClick

object (OnClick)

L'action onclick.

name

string

Nom de ce imageButton utilisé pour l'accessibilité. Si ce nom n'est pas spécifié, la valeur par défaut est indiquée.

Champ d'union icons. L'icône peut être spécifiée par un élément Icon enum ou une URL. icons ne peut être que l'un des éléments suivants:
icon

enum (Icon)

Icône spécifiée par un élément enum qui renvoie à une icône fournie par l'API Chat.

iconUrl

string

Icône spécifiée par une URL.

CardAction

Une action sur la fiche correspond à l'action associée à la fiche. En général, pour une fiche de facturation, vous pouvez supprimer la facture, l'envoyer par e-mail ou ouvrir la facture dans un navigateur.

Non compatible avec les applications Google Chat.

Représentation JSON 
{
  "actionLabel": string,
  "onClick": {
    object (OnClick)
  }
}
Champs
actionLabel

string

Libellé qui s'affichait auparavant dans l'élément du menu d'actions.

onClick

object (OnClick)

Action Dialogflow pour cette tâche.