Package google.apps.card.v1

Índice

Ação

Uma ação que descreve o comportamento quando o formulário é enviado. Por exemplo, você pode invocar um script do Apps Script para processar o formulário. Se a ação for acionada, os valores do formulário serão enviados ao servidor.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
function

string

Uma função personalizada para invocar quando o elemento que o contém é clicado ou ativado.

Para conferir um exemplo de uso, consulte Ler dados de formulário.
parameters[]

ActionParameter

Lista de parâmetros de ação.
loadIndicator

LoadIndicator

Especifica o indicador de carregamento que a ação mostra ao fazer a chamada para a ação.
persistValues

bool

Indica se os valores do formulário persistem após a ação. O valor padrão é false.

Se for true, os valores do formulário vão permanecer depois que a ação for acionada. Para permitir que o usuário faça mudanças enquanto a ação está sendo processada, defina LoadIndicator como NONE. Para mensagens de card em apps do Chat, você também precisa definir ResponseType da ação como UPDATE_MESSAGE e usar o mesmo card_id do card que continha a ação.

Se for false, os valores do formulário serão apagados quando a ação for acionada. Para evitar que o usuário faça mudanças enquanto a ação estiver sendo processada, defina LoadIndicator como SPINNER.
interaction

Interaction

Opcional. Obrigatório ao abrir uma caixa de diálogo.

O que fazer em resposta a uma interação com um usuário, como quando um usuário clica em um botão em uma mensagem em um card.

Se não for especificada, o app responde executando um action, como abrir um link ou executar uma função, normalmente.

Ao especificar uma interaction, o app pode responder de maneiras interativas especiais. Por exemplo, ao definir interaction como OPEN_DIALOG, o app pode abrir uma caixa de diálogo. Quando especificado, o indicador de carregamento não é exibido. Se especificado para um complemento, o cartão inteiro é retirado e nada é mostrado no cliente.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

ActionParameter

Lista de parâmetros de string a serem fornecidos quando o método de ação é invocado. Por exemplo, considere três botões de soneca: soneca agora, soneca um dia ou soneca próxima semana. Você pode usar action method = snooze(), transmitindo o tipo e o tempo de adiamento na lista de parâmetros de string.

Para saber mais, consulte CommonEventObject.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
key

string

O nome do parâmetro para o script de ação.
value

string

O valor do parâmetro.

Interação

Opcional. Obrigatório ao abrir uma caixa de diálogo.

O que fazer em resposta a uma interação com um usuário, como quando um usuário clica em um botão em uma mensagem em um card.

Se não for especificada, o app responde executando um action, como abrir um link ou executar uma função, normalmente.

Ao especificar uma interaction, o app pode responder de maneiras interativas especiais. Por exemplo, ao definir interaction como OPEN_DIALOG, o app pode abrir uma caixa de diálogo.

Quando especificado, o indicador de carregamento não é exibido. Se especificado para um complemento, o cartão inteiro é retirado e nada é mostrado no cliente.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Tipos enumerados
INTERACTION_UNSPECIFIED Valor padrão. O action é executado normalmente.
OPEN_DIALOG

Abre uma caixa de diálogo, uma interface em janela baseada em cards que os apps do Chat usam para interagir com os usuários.

Compatível apenas com apps do Chat em resposta a cliques em botões nas mensagens do card. Se especificado para um complemento, o cartão inteiro é retirado e nada é mostrado no cliente.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

LoadIndicator

Especifica o indicador de carregamento que a ação mostra ao fazer a chamada para a ação.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
SPINNER Mostra um ícone de carregamento para indicar que o conteúdo está sendo carregado.
NONE Nada é exibido.

BorderStyle

As opções de estilo para a borda de um card ou widget, incluindo o tipo e a cor da borda.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
type

BorderType

O tipo de borda.
strokeColor

Color

As cores a serem usadas quando o tipo for BORDER_TYPE_STROKE.
cornerRadius

int32

O raio do canto da borda.

BorderType

Representa os tipos de borda aplicados aos widgets.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
BORDER_TYPE_UNSPECIFIED Não use. Não especificado.
NO_BORDER Valor padrão. Sem borda.
STROKE Esboço.

Botão

Um texto, ícone ou texto e botão de ícone em que os usuários podem clicar. Para um exemplo nos apps do Google Chat, consulte Adicionar um botão.

Para transformar uma imagem em um botão clicável, especifique um Image (não um ImageComponent) e defina uma ação onClick.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
text

string

O texto exibido dentro do botão.
icon

Icon

A imagem do ícone. Se icon e text estiverem definidos, o ícone vai aparecer antes do texto.
color

Color

Se essa opção for definida, o botão será preenchido com uma cor de fundo sólida e a cor da fonte mudará para manter o contraste com a cor de fundo. Por exemplo, definir um fundo azul provavelmente resulta em texto branco.

Se ela não for definida, o plano de fundo da imagem será branco e a cor da fonte será azul.

Para vermelho, verde e azul, o valor de cada campo é um número float que pode ser expresso de duas maneiras: como um número entre 0 e 255 dividido por 255 (153/255) ou como um valor entre 0 e 1 (0,6). 0 representa a ausência de uma cor e 1 ou 255/255 representa a presença total dessa cor na escala RGB.

Como opção, defina alpha, que define um nível de transparência usando esta equação:

pixel color = alpha * (this color) + (1.0 - alpha) * (background color)

Para alpha, um valor de 1 corresponde a uma cor sólida, e um valor de 0 corresponde a uma cor completamente transparente.

Por exemplo, a cor a seguir representa um vermelho meio transparente:

"color": {
   "red": 1,
   "green": 0,
   "blue": 0,
   "alpha": 0.5
}
onClick

OnClick

Obrigatório. A ação a ser realizada quando um usuário clica no botão, como abrir um hiperlink ou executar uma função personalizada.
disabled

bool

Se definido como true, o botão será mostrado em um estado inativo e não responderá às ações do usuário.
altText

string

É o texto alternativo usado para acessibilidade.

Defina um texto descritivo que informe aos usuários o que o botão faz. Por exemplo, se um botão abrir um hiperlink, você pode escrever: "Abre uma nova guia do navegador e acessa a documentação do desenvolvedor do Google Chat em https://developers.google.com/workspace/chat".

ButtonList

Uma lista de botões dispostas horizontalmente. Para um exemplo nos apps do Google Chat, consulte Adicionar um botão.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
buttons[]

Button

Uma matriz de botões.

Card

Interface de card mostrada em uma mensagem do Google Chat ou um complemento do Google Workspace.

Os cartões oferecem suporte a um layout definido, elementos interativos de IU, como botões, e rich media, como imagens. Use cards para apresentar informações detalhadas, coletar dados dos usuários e orientá-los sobre a próxima etapa.

Elabore e visualize cards com o Criador de cartões.

Abrir o Card Builder

Para aprender como criar cards, consulte a seguinte documentação:

Exemplo: mensagem de card para um app do Google Chat

Exemplo de card de contato

Para criar a mensagem de card de amostra no Google Chat, use o seguinte JSON:

{
  "cardsV2": [
    {
      "cardId": "unique-card-id",
      "card": {
        "header": {
           "title": "Sasha",
           "subtitle": "Software Engineer",
           "imageUrl":
           "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
           "imageType": "CIRCLE",
           "imageAltText": "Avatar for Sasha"
         },
         "sections": [
           {
             "header": "Contact Info",
             "collapsible": true,
             "uncollapsibleWidgetsCount": 1,
             "widgets": [
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "EMAIL"
                   },
                   "text": "sasha@example.com"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PERSON"
                   },
                   "text": "<font color=\"#80e27e\">Online</font>"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PHONE"
                   },
                   "text": "+1 (555) 555-1234"
                 }
               },
               {
                 "buttonList": {
                   "buttons": [
                     {
                       "text": "Share",
                       "onClick": {
                        "openLink": {
                           "url": "https://example.com/share"
                         }
                       }
                     },
                     {
                       "text": "Edit",
                       "onClick": {
                         "action": {
                           "function": "goToView",
                           "parameters": [
                             {
                               "key": "viewType",
                               "value": "EDIT"
                             }
                           ]
                         }
                       }
                     }
                   ]
                 }
               }
             ]
           }
         ]
       }
    }
  ]
}
Campos
header

CardHeader

O cabeçalho do cartão. O cabeçalho geralmente contém uma imagem inicial e um título. O cabeçalho sempre aparece na parte de cima do card.
sections[]

Section

Contém um conjunto de widgets. Cada seção tem um cabeçalho opcional. As seções são visualmente separadas por um divisor de linhas. Para um exemplo em apps do Google Chat, consulte Definir uma seção de um card.
sectionDividerStyle

DividerStyle

O estilo do divisor entre as seções.
cardActions[]

CardAction

As ações do card. As ações são adicionadas ao menu da barra de ferramentas do card.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Por exemplo, o JSON a seguir constrói um menu de ações de card com as opções Settings e Send Feedback:

"cardActions": [
  {
    "actionLabel": "Settings",
    "onClick": {
      "action": {
        "functionName": "goToView",
        "parameters": [
          {
            "key": "viewType",
            "value": "SETTING"
         }
        ],
        "loadIndicator": "LoadIndicator.SPINNER"
      }
    }
  },
  {
    "actionLabel": "Send Feedback",
    "onClick": {
      "openLink": {
        "url": "https://example.com/feedback"
      }
    }
  }
]
name

string

Nome do cartão. Usado como um identificador de cartão na navegação por cartão.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.
fixedFooter

CardFixedFooter

O rodapé fixo mostrado na parte inferior deste card.

Definir fixedFooter sem especificar um primaryButton ou um secondaryButton causa um erro. Nos apps do Chat, você pode usar rodapés fixos em caixas de diálogo, mas não em mensagens do card.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.
displayStyle

DisplayStyle

Nos complementos do Google Workspace, define as propriedades de exibição do peekCardHeader.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.
peekCardHeader

CardHeader

Ao exibir conteúdo contextual, o cabeçalho do card de exibição serve como um marcador para que o usuário possa avançar entre os cards da página inicial e os de contexto.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

CardAction

Uma ação de card é a ação associada ao card. Por exemplo, um card de fatura pode incluir ações como excluir fatura, enviar fatura por e-mail ou abrir a fatura em um navegador.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Campos
actionLabel

string

Rótulo exibido como o item do menu de ações.
onClick

OnClick

A ação onClick para este item de ação.

CardFixedFooter

Um rodapé permanente (fixo) que aparece na parte inferior do cartão.

Definir fixedFooter sem especificar um primaryButton ou um secondaryButton causa um erro.

Nos apps do Chat, você pode usar rodapés fixos em caixas de diálogo, mas não em mensagens do card. Para um exemplo nos apps do Google Chat, consulte Adicionar um rodapé permanente.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
primaryButton

Button

O botão principal do rodapé fixo. O botão precisa ser de texto com texto e cor definidos.
secondaryButton

Button

O botão secundário do rodapé fixo. O botão precisa ser de texto com texto e cor definidos. Se secondaryButton estiver definido, você também precisará definir primaryButton.

CardHeader

Representa um cabeçalho de cartão. Para um exemplo nos apps do Google Chat, consulte Adicionar um cabeçalho.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
title

string

Obrigatório. O título do cabeçalho do cartão. O cabeçalho tem uma altura fixa: se um título e um subtítulo forem especificados, cada um deles ocupará uma linha. Se apenas o título for especificado, ele vai ocupar as duas linhas.
subtitle

string

O subtítulo do cabeçalho do cartão. Se especificado, aparece na própria linha abaixo de title.
imageType

ImageType

A forma usada para cortar a imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.
imageUrl

string

O URL HTTPS da imagem no cabeçalho do cartão.
imageAltText

string

É o texto alternativo desta imagem que é usado para acessibilidade.

DisplayStyle

Nos complementos do Google Workspace, determina como um card é exibido.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Tipos enumerados
DISPLAY_STYLE_UNSPECIFIED Não use. Não especificado.
PEEK O cabeçalho do card aparece na parte de baixo da barra lateral e cobre parcialmente o card atual superior da pilha. Ao clicar no cabeçalho, o card é exibido na pilha de cards. Se o cartão não tiver um cabeçalho, um cabeçalho gerado será usado.
REPLACE Valor padrão. O card é exibido substituindo a visualização do card de cima na pilha de cards.

DividerStyle

O estilo do divisor de um cartão. No momento, essa opção é usada apenas para divisores entre as seções do cartão.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
DIVIDER_STYLE_UNSPECIFIED Não use. Não especificado.
SOLID_DIVIDER Opção padrão. Renderiza um divisor sólido entre seções.
NO_DIVIDER Se definido, nenhum divisor será renderizado entre as seções.

Seção

Uma seção contém uma coleção de widgets renderizados verticalmente na ordem em que são especificados.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
header

string

Texto que aparece na parte superior de uma seção. Compatível com texto formatado em HTML simples. Saiba mais sobre a formatação de texto em Formatar texto em apps do Google Chat e Formatar texto em complementos do Google Workspace.
widgets[]

Widget

Todos os widgets da seção. Deve conter pelo menos um widget.
collapsible

bool

Indica se essa seção pode ser fechada.

As seções recolhíveis ocultam alguns ou todos os widgets, mas os usuários podem expandir a seção para revelar os widgets ocultos clicando em Mostrar mais. Os usuários podem ocultar os widgets novamente clicando em Mostrar menos.

Para determinar quais widgets estão ocultos, especifique uncollapsibleWidgetsCount.
uncollapsibleWidgetsCount

int32

O número de widgets não recolhíveis que permanecem visíveis mesmo quando uma seção é recolhida.

Por exemplo, quando uma seção contém cinco widgets e o uncollapsibleWidgetsCount está definido como 2, os dois primeiros widgets são sempre mostrados, e os três últimos são recolhidos por padrão. O uncollapsibleWidgetsCount só é considerado quando collapsible é true.

Coluna

O widget Columns exibe até duas colunas em um card ou caixa de diálogo. É possível adicionar widgets a cada coluna. Os widgets aparecem na ordem em que são especificados. Para um exemplo nos apps do Google Chat, consulte Exibir cards e caixas de diálogo em colunas.

A altura de cada coluna é determinada pela coluna mais alta. Por exemplo, se a primeira coluna for mais alta que a segunda, ambas terão a altura da primeira. Como cada coluna pode conter um número diferente de widgets, não é possível definir linhas ou alinhar widgets entre as colunas.

As colunas são exibidas lado a lado. É possível personalizar a largura de cada coluna usando o campo HorizontalSizeStyle. Se a largura da tela do usuário for muito estreita, a segunda coluna vai aparecer abaixo da primeira:

  • Na Web, a segunda coluna é unida se a largura da tela é menor ou igual a 480 pixels.
  • Em dispositivos iOS, a segunda coluna será unida se a largura da tela for menor ou igual a 300 pt.
  • Em dispositivos Android, a segunda coluna será unida se a largura da tela for menor ou igual a 320 dp.

Para incluir mais de duas colunas ou usar linhas, use o widget Grid.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
columnItems[]

Column

Uma matriz de colunas. Você pode incluir até duas colunas em um card ou caixa de diálogo.

Coluna

Uma coluna.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
horizontalSizeStyle

HorizontalSizeStyle

Especifica como uma coluna preenche a largura do card.
horizontalAlignment

HorizontalAlignment

Especifica se os widgets estão alinhados à esquerda, à direita ou no centro de uma coluna.
verticalAlignment

VerticalAlignment

Especifica se os widgets estão alinhados na parte superior, inferior ou no centro de uma coluna.
widgets[]

Widgets

Uma matriz de widgets incluídos em uma coluna. Os widgets aparecem na ordem em que são especificados.

HorizontalSizeStyle

Especifica como uma coluna preenche a largura do card. A largura de cada coluna depende da HorizontalSizeStyle e da largura dos widgets dentro dela.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
HORIZONTAL_SIZE_STYLE_UNSPECIFIED Não use. Não especificado.
FILL_AVAILABLE_SPACE Valor padrão. A coluna preenche o espaço disponível, até 70% da largura do cartão. Se ambas as colunas forem definidas como FILL_AVAILABLE_SPACE, cada coluna preencherá 50% do espaço.
FILL_MINIMUM_SPACE A coluna preenche a menor quantidade de espaço possível e não mais que 30% da largura do cartão.

VerticalAlignment

Especifica se os widgets estão alinhados na parte superior, inferior ou no centro de uma coluna.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
VERTICAL_ALIGNMENT_UNSPECIFIED Não use. Não especificado.
CENTER Valor padrão. Alinha os widgets ao centro de uma coluna.
TOP Alinha os widgets ao topo de uma coluna.
BOTTOM Alinha os widgets à parte inferior de uma coluna.

Widgets

Os widgets compatíveis que você pode incluir em uma coluna.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos

Campo de união data.

data pode ser apenas de um dos tipos a seguir:
textParagraph

TextParagraph

Widget de TextParagraph.
image

Image

Widget de Image.
decoratedText

DecoratedText

Widget de DecoratedText.
buttonList

ButtonList

Widget de ButtonList.
textInput

TextInput

Widget de TextInput.
selectionInput

SelectionInput

Widget de SelectionInput.
dateTimePicker

DateTimePicker

Widget de DateTimePicker.

DateTimePicker

Permite que os usuários insiram uma data, hora ou ambos. Veja um exemplo nos apps do Google Chat em Permitir que um usuário escolha uma data e hora.

Os usuários podem inserir texto ou usar o seletor para selecionar datas e horas. Se os usuários inserirem uma data ou hora inválida, o seletor mostrará um erro que solicita que os usuários insiram as informações corretamente.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
name

string

O nome pelo qual a DateTimePicker é identificada em um evento de entrada de formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
label

string

É o texto que solicita que os usuários insiram uma data, hora ou data e hora. Por exemplo, se os usuários estiverem agendando um horário, use um marcador como Appointment date ou Appointment date and time.
type

DateTimePickerType

Se o widget suporta a inserção de uma data, hora ou data e hora.
valueMsEpoch

int64

O valor padrão mostrado no widget, em milissegundos, a partir do horário da era Unix.

Especifique o valor com base no tipo de seletor (DateTimePickerType):

  • DATE_AND_TIME: data e hora do calendário em UTC. Por exemplo, para representar 1o de janeiro de 2023 às 12h UTC, use 1672574400000.
  • DATE_ONLY: uma data do calendário às 00:00:00 UTC. Por exemplo, para representar 1o de janeiro de 2023, use 1672531200000.
  • TIME_ONLY: um horário em UTC. Por exemplo, para representar 12h, use 43200000 (ou 12 * 60 * 60 * 1000).
timezoneOffsetDate

int32

O número que representa a diferença do fuso horário em relação ao UTC, em minutos. Se definido, o value_ms_epoch será exibido no fuso horário especificado. Se não for definido, o valor padrão será a configuração de fuso horário do usuário.
onChangeAction

Action

Acionado quando o usuário clica em Save ou Clear na interface do DateTimePicker.

DateTimePickerType

O formato da data e hora no widget DateTimePicker. Determina se os usuários podem inserir uma data, hora ou ambos.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
DATE_AND_TIME Os usuários inserem uma data e hora.
DATE_ONLY Os usuários inserem uma data.
TIME_ONLY Os usuários inserem um horário.

DecoratedText

Um widget que mostra texto com decorações opcionais, como um rótulo acima ou abaixo do texto, um ícone na frente do texto, um widget de seleção ou um botão após o texto. Para um exemplo nos apps do Google Chat, consulte Mostrar texto com texto decorativo.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
icon
(deprecated)

Icon

Descontinuado e substituído por startIcon.
startIcon

Icon

O ícone exibido na frente do texto.
topLabel

string

O texto que aparece acima de text. Sempre trunca.
text

string

Obrigatório. O texto principal.

Compatível com formatação simples. Saiba mais sobre a formatação de texto em Formatar texto em apps do Google Chat e Formatar texto em complementos do Google Workspace.
wrapText

bool

A configuração "Ajustar texto". Se definido como true, o texto será ajustado e exibido em várias linhas. Caso contrário, o texto ficará truncado.

Isso só se aplica a text, não a topLabel e bottomLabel.
bottomLabel

string

O texto que aparece abaixo de text. Sempre encapsula.
onClick

OnClick

Esta ação é acionada quando os usuários clicam em topLabel ou bottomLabel.
Campo de união control. Um botão, chave, caixa de seleção ou imagem que aparece à direita do texto no widget decoratedText. control pode ser apenas de um dos tipos a seguir:
button

Button

Um botão no qual um usuário pode clicar para iniciar uma ação.
switchControl

SwitchControl

Um widget de interruptor em que o usuário pode clicar para alterar o estado e acionar uma ação.
endIcon

Icon

Um ícone exibido após o texto.

Oferece suporte a ícones integrados e personalizados.

SwitchControl

Uma chave de estilo de alternância ou uma caixa de seleção dentro de um widget decoratedText.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Compatível apenas com o widget decoratedText.

Campos
name

string

O nome pelo qual o widget de alternância é identificado em um evento de entrada de formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
value

string

O valor inserido por um usuário, retornado como parte de um evento de entrada do formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
selected

bool

Quando true, a chave é selecionada.
onChangeAction

Action

A ação a ser realizada quando o estado da chave é alterado, como qual função executar.
controlType

ControlType

Como a chave aparece na interface do usuário.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

ControlType

Como a chave aparece na interface do usuário.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
SWITCH Um interruptor de estilo de alternância.
CHECKBOX Descontinuado e substituído por CHECK_BOX.
CHECK_BOX Uma caixa de seleção.

Separador

Esse tipo não tem campos.

Mostra um divisor entre widgets como uma linha horizontal. Para um exemplo nos apps do Google Chat, consulte Adicionar um divisor horizontal entre widgets.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Por exemplo, o JSON abaixo cria um divisor:

"divider": {}

EndNavigation

Ação do fluxo da caixa de diálogo.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Campos
action

Action

A ação de renderização para o cliente encerrar um fluxo de caixa de diálogo.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Ação

Os tipos de ação de renderização para que o cliente encerre um fluxo de caixa de diálogo.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Tipos enumerados
ACTION_UNSPECIFIED Ação não especificada.
CLOSE_DIALOG Feche o fluxo da caixa de diálogo.
CLOSE_DIALOG_AND_EXECUTE Feche o fluxo da caixa de diálogo e atualize o card que abriu o fluxo da caixa de diálogo.

GetAutocompletionResponse

Uma resposta para receber o contêiner de preenchimento automático, que inclui elementos necessários para mostrar itens de preenchimento automático para o campo de texto.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat. Exemplo:

{
  "autoComplete": {
    "items": [
      {
        "text": "C++"
      },
      {
        "text": "Java"
      },
      {
        "text": "JavaScript"
      },
      {
        "text": "Python"
      }
    ]
  }
}
Campos
autoComplete

Suggestions
schema

string

Este é um campo de esquema de ambiente autônomo que pode estar presente na marcação para verificação de sintaxe.

Grade

Mostra uma grade com uma coleção de itens. Os itens só podem incluir texto ou imagens. Para colunas responsivas ou para incluir mais do que texto ou imagens, use Columns. Para um exemplo nos apps do Google Chat, consulte Exibir uma grade com uma coleção de itens.

Uma grade suporta qualquer número de colunas e itens. O número de linhas é determinado por itens divididos por colunas. Uma grade com 10 itens e 2 colunas tem 5 linhas. Uma grade com 11 itens e 2 colunas tem 6 linhas.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Por exemplo, o JSON a seguir cria uma grade de duas colunas com um único item:

"grid": {
  "title": "A fine collection of items",
  "columnCount": 2,
  "borderStyle": {
    "type": "STROKE",
    "cornerRadius": 4
  },
  "items": [
    {
      "image": {
        "imageUri": "https://www.example.com/image.png",
        "cropStyle": {
          "type": "SQUARE"
        },
        "borderStyle": {
          "type": "STROKE"
        }
      },
      "title": "An item",
      "textAlignment": "CENTER"
    }
  ],
  "onClick": {
    "openLink": {
      "url": "https://www.example.com"
    }
  }
}
Campos
title

string

O texto exibido no cabeçalho da grade.
items[]

GridItem

Itens a serem exibidos na grade.
borderStyle

BorderStyle

O estilo da borda que será aplicado a cada item da grade.
columnCount

int32

O número de colunas a serem exibidas na grade. Um valor padrão é usado se este campo não é especificado, e esse valor padrão é diferente dependendo de onde a grade é mostrada (caixa de diálogo versus complementar).
onClick

OnClick

Esse callback é reutilizado por cada item individual da grade, mas com o identificador e o índice do item na lista de itens adicionados aos parâmetros do callback.

GridItem

Representa um item em um layout de grade. Os itens podem conter texto, imagem ou ambos.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
id

string

Identificador especificado pelo usuário para este item da grade. Esse identificador é retornado nos parâmetros de callback onClick da grade pai.
image

ImageComponent

A imagem que aparece no item da grade.
title

string

O título do item da grade.
subtitle

string

O subtítulo do item da grade.
layout

GridItemLayout

O layout a ser usado para o item da grade.

GridItemLayout

Representa as várias opções de layout disponíveis para um item da grade.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
GRID_ITEM_LAYOUT_UNSPECIFIED Não use. Não especificado.
TEXT_BELOW O título e o subtítulo são mostrados abaixo da imagem do item da grade.
TEXT_ABOVE O título e o subtítulo são mostrados acima da imagem do item da grade.

Icon

Ícone exibido em um widget em um card. Para um exemplo nos apps do Google Chat, consulte Adicionar um ícone.

Oferece suporte a ícones integrados e personalizados.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
altText

string

Opcional. Uma descrição do ícone usado para acessibilidade. Se não for especificado, o valor padrão Button será fornecido. Como prática recomendada, defina uma descrição útil do que o ícone mostra e, se aplicável, o que ele faz. Por exemplo, A user's account portrait ou Opens a new browser tab and navigates to the Google Chat developer documentation at https://developers.google.com/workspace/chat.

Se o ícone estiver definido em uma Button, a altText vai aparecer como texto auxiliar quando o usuário passar o cursor sobre o botão. No entanto, se o botão também definir text, o altText do ícone será ignorado.
imageType

ImageType

O estilo de corte aplicado à imagem. Em alguns casos, aplicar um corte CIRCLE faz com que a imagem seja desenhada em um tamanho maior do que um ícone integrado.
Campo de união icons. O ícone exibido no widget do card. icons só pode ser de um dos seguintes tipos:
knownIcon

string

Mostre um dos ícones integrados fornecidos pelo Google Workspace.

Por exemplo, para mostrar um ícone de avião, especifique AIRPLANE. Para ônibus, especifique BUS.

Para ver uma lista completa dos ícones compatíveis, consulte ícones integrados.
iconUrl

string

Mostre um ícone personalizado hospedado em um URL HTTPS.

Exemplo:

"iconUrl":
"https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png"

Os tipos de arquivo aceitos são .png e .jpg.
materialIcon

MaterialIcon

Mostre um dos ícones do Google Material Design.

Por exemplo, para exibir um ícone de caixa de seleção, use

"materialIcon": {
  "name": "check_box"
}

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Imagem

Uma imagem especificada por um URL e que pode ter uma ação onClick. Para ver um exemplo, consulte Adicionar uma imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
imageUrl

string

O URL HTTPS que hospeda a imagem.

Exemplo:

https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png
onClick

OnClick

Quando um usuário clica na imagem, o clique aciona essa ação.
altText

string

É o texto alternativo desta imagem que é usado para acessibilidade.

ImageComponent

Representa uma imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
imageUri

string

O URL da imagem.
altText

string

O rótulo de acessibilidade da imagem.
cropStyle

ImageCropStyle

O estilo de corte a ser aplicado à imagem.
borderStyle

BorderStyle

O estilo da borda que será aplicado à imagem.

ImageCropStyle

Representa o estilo de corte aplicado a uma imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Por exemplo, confira como aplicar uma proporção de 16:9:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}
Campos
type

ImageCropType

O tipo de corte.
aspectRatio

double

É a proporção a ser usada se o tipo de corte for RECTANGLE_CUSTOM.

Por exemplo, confira como aplicar uma proporção de 16:9:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}

ImageCropType

Representa o estilo de corte aplicado a uma imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
IMAGE_CROP_TYPE_UNSPECIFIED Não use. Não especificado.
SQUARE Valor padrão. Aplica um corte quadrado.
CIRCLE Aplica um corte circular.
RECTANGLE_CUSTOM Aplica um corte retangular com uma proporção personalizada. Defina a proporção personalizada com aspectRatio.
RECTANGLE_4_3 Aplica um corte retangular com uma proporção de 4:3.

LinkPreview

Ação do card que mostra um cartão e um ícone inteligente para uma prévia de um link de terceiros. Para saber mais, consulte Visualizar links com ícones inteligentes.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Por exemplo, o JSON a seguir retorna um título exclusivo para a visualização do link e o ícone inteligente, além de um card de visualização com um cabeçalho e uma descrição em texto:

{
  "action": {
    "linkPreview": {
      "title": "Smart chip title",
      "linkPreviewTitle": "Link preview title",
      "previewCard": {
        "header": {
          "title": "Preview card header",
        },
        "sections": [
          {
            "widgets": [
              {
                "textParagraph": {
                  "text": "Description of the link."
                }
              }
            ]
          }
        ]
      }
    }
  }
}

O exemplo retorna a seguinte visualização de link:

Exemplo de visualização do link

Campos
previewCard

Card

Um card que exibe informações sobre um link de um serviço de terceiros.
title

string

O título que aparece no ícone inteligente de visualização do link. Se ela não for definida, o ícone inteligente vai mostrar o cabeçalho do preview_card.
linkPreviewTitle

string

O título que aparece na visualização do link. Se ela não for definida, a visualização do link vai mostrar o cabeçalho da preview_card.

MaterialIcon

Um ícone do Google Material, que inclui mais de 2.500 opções.

Por exemplo, para exibir um ícone de caixa de seleção com peso e nota personalizados, escreva o seguinte:

{
  "name": "check_box",
  "fill": true,
  "weight": 300,
  "grade": -25
}

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Campos
name

string

O nome do ícone definido no Google Material Icon, por exemplo, check_box. Todos os nomes inválidos são abandonados e substituídos por uma string vazia, o que resulta na falha da renderização do ícone.
fill

bool

Indica se o ícone é renderizado como preenchido. O valor padrão é “false”.

Para visualizar diferentes configurações de ícones, acesse Google Font Icons e ajuste as configurações em Personalizar.
weight

int32

A espessura do traço do ícone. Escolha entre {100, 200, 300, 400, 500, 600, 700}. Se ausente, o valor padrão será 400. Se qualquer outro valor for especificado, o padrão será usado.

Para visualizar diferentes configurações de ícones, acesse Google Font Icons e ajuste as configurações em Personalizar.
grade

int32

O peso e o grau afetam a espessura de um símbolo. Ajustes na classificação são mais granulares do que ajustes no peso e têm um pequeno impacto no tamanho do símbolo. Escolha entre {-25, 0, 200}. Se ausente, o valor padrão será 0. Se qualquer outro valor for especificado, o padrão será usado.

Para visualizar diferentes configurações de ícones, acesse Google Font Icons e ajuste as configurações em Personalizar.

Ação de card que manipula a pilha de cards.

Exemplo:

1) Adicione um novo cartão à pilha (navegue para frente). Para apps do Chat, disponível apenas na página inicial do app.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

 navigations : {
    pushCard : CARD
  }

2) Atualize o card na parte de cima da pilha (atualização no local).

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

  navigations : {
    popCard : true,
  }, {
    pushCard : CARD
  }

3) Voltar uma etapa sem atualizar.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

  navigations : {
    popCard : true,
  }

4) Volte várias etapas e atualize o cartão.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

  navigations : {
    popCard : true,
  }, ... {
    pushCard : CARD
  }

5) Voltar várias etapas para um CARD_NAME definido.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

  navigations : {
    popToCardName : CARD_NAME,
  }, {
    pushCard : CARD
  }

6) Volte à raiz e atualize o cartão.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

  navigations : {
    popToRoot : true
  }, {
    pushCard : CARD
  }

7) Vá até o cartão especificado e abra-o também.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

navigations : { popToCardName : CARD_NAME }, { popCard : true, }

8) Substitua o cartão superior por um novo. Para apps do Chat, disponível apenas na página inicial do app.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

  navigations : {
    updateCard : CARD
  }
Campos

Campo de união navigate_action.

navigate_action pode ser apenas de um dos tipos a seguir:
popToRoot

bool

A pilha de cards destaca todos os cards, exceto o raiz.
pop

bool

A pilha de cards retira uma carta.
popToCard

string

A pilha de cards destaca todos os cards acima do especificado com o nome indicado.
pushCard

Card

A pilha de cards envia um cartão para a pilha.
updateCard

Card

A pilha de cards atualiza o card superior com um novo card e preserva os valores dos campos preenchidos do formulário. Para um campo não equivalente, o valor é descartado.
endNavigation

EndNavigation

Finalizar a ação de navegação do fluxo da caixa de diálogo. Para mais informações, consulte Responder a uma caixa de diálogo para mensagens de card na página inicial do app.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Notificação

Ação do card que exibe uma notificação no app host.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Campos
text

string

Texto simples a ser exibido na notificação, sem tags HTML.

OnClick

Representa como responder quando os usuários clicam em um elemento interativo em um card, como um botão.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos

Campo de união data.

data pode ser apenas de um dos tipos a seguir:
action

Action

Se especificada, uma ação é acionada por esta onClick.
openDynamicLinkAction

Action

Um complemento aciona essa ação quando é preciso abrir um link. Isso é diferente do open_link acima, porque precisa se comunicar com o servidor para receber o link. Portanto, é necessário algum trabalho de preparação para o cliente Web fazer antes que a resposta da ação de abrir link volte.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.
card

Card

Se especificado, um novo card é enviado para a pilha de cards após um clique.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

OnClose

O que o cliente faz quando um link aberto por uma ação OnClick é fechado.

A implementação depende dos recursos da plataforma do cliente. Por exemplo, um navegador da Web pode abrir um link em uma janela pop-up com um gerenciador OnClose.

Se ambos os gerenciadores OnOpen e OnClose estiverem definidos e a plataforma do cliente não for compatível com os dois valores, OnClose terá precedência.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Tipos enumerados
NOTHING Valor padrão. O cartão não é recarregado. Nada acontece.
RELOAD

Recarrega o card depois que a janela filha é fechada.

Se usada com OpenAs.OVERLAY, a janela filha vai funcionar como uma caixa de diálogo modal, e o card principal vai ficar bloqueado até que a janela secundária seja fechada.

OpenAs

Quando uma ação OnClick abre um link, o cliente pode abri-lo como uma janela em tamanho original (se esse for o frame usado pelo cliente) ou como uma sobreposição (como um pop-up). A implementação depende dos recursos da plataforma do cliente, e o valor selecionado poderá ser ignorado se o cliente não tiver suporte para ele. FULL_SIZE é compatível com todos os clientes.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.

Tipos enumerados
FULL_SIZE O link é aberto como uma janela de tamanho original (se esse for o frame usado pelo cliente).
OVERLAY O link é aberto como uma sobreposição, como um pop-up.

RenderActions

Um conjunto de instruções de renderização que instrui um card a realizar uma ação ou instrui o app host do complemento ou o app do Chat a realizar uma ação específica.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
action

Action
hostAppAction

HostAppActionMarkup

Ações processadas por aplicativos host individuais.
schema

string

Este é um campo de esquema de ambiente autônomo que pode estar presente na marcação para verificação de sintaxe.

Ação

Campos
navigations[]

Navigation

Empurre, destaque ou atualize os cards exibidos.
notification

Notification

Mostre uma notificação para o usuário final.
linkPreview

LinkPreview

Mostre uma prévia do link para o usuário final.

SelectionInput

Um widget que cria um ou mais itens de IU que os usuários podem selecionar. Por exemplo, um menu suspenso ou caixas de seleção. Você pode usar esse widget para coletar dados que podem ser previstos ou enumerados. Para ver um exemplo nos apps do Google Chat, consulte Adicionar elementos selecionáveis de interface.

Os apps de chat podem processar o valor de itens selecionados ou inseridos pelos usuários. Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.

Para coletar dados indefinidos ou abstratos dos usuários, use o widget TextInput.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
name

string

O nome que identifica a entrada de seleção em um evento de entrada de formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
label

string

O texto que aparece acima do campo de entrada de seleção na interface do usuário.

Especifique um texto que ajude o usuário a inserir as informações de que o app precisa. Por exemplo, se os usuários selecionarem a urgência de um tíquete de trabalho em um menu suspenso, o marcador poderá ser "Urgência" ou "Selecione a urgência".
type

SelectionType

O tipo de itens que são exibidos aos usuários em um widget SelectionInput. Os tipos de seleção oferecem suporte a diferentes tipos de interações. Por exemplo, os usuários podem marcar uma ou mais caixas de seleção, mas só podem selecionar um valor em um menu suspenso.
items[]

SelectionItem

Matriz de itens selecionáveis. Por exemplo, uma matriz de botões de opção ou caixas de seleção. Aceita até 100 itens.
onChangeAction

Action

Se especificado, o formulário é enviado quando a seleção é alterada. Se não for especificado, será necessário especificar um botão separado para enviar o formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
multiSelectMaxSelectedItems

int32

Para menus de seleção múltipla, o número máximo de itens que um usuário pode selecionar. O valor mínimo é 1 item. Se não for especificado, o padrão será de três itens.
multiSelectMinQueryLength

int32

Para menus de seleção múltipla, o número de caracteres de texto que um usuário insere antes de as consultas do app serem preenchidas automaticamente e exibir itens sugeridos no menu.

Se não for especificado, o padrão será 0 caracteres para fontes de dados estáticas e 3 caracteres para fontes externas.

Campo de união multi_select_data_source. Em um menu de seleção múltipla, a fonte de dados que preenche os itens de seleção.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace. multi_select_data_source só pode ser de um dos seguintes tipos:
externalDataSource

Action

Uma fonte de dados externa, como um banco de dados relacional.
platformDataSource

PlatformDataSource

Uma fonte de dados do Google Workspace.

PlatformDataSource

Para um widget do SelectionInput que usa um menu de seleção múltipla, uma fonte de dados do Google Workspace. Usado para preencher itens em um menu de seleção múltipla.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Campos
Campo de união data_source. A fonte de dados. data_source só pode ser de um dos seguintes tipos:
commonDataSource

CommonDataSource

Uma fonte de dados compartilhada por todos os aplicativos do Google Workspace, como os usuários em uma organização do Google Workspace.
hostAppDataSource

HostAppDataSourceMarkup

Uma fonte de dados exclusiva de um aplicativo host do Google Workspace, como os espaços do Google Chat.

CommonDataSource

Uma fonte de dados compartilhada por todos os aplicativos do Google Workspace.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Tipos enumerados
UNKNOWN Valor padrão. Não use.
USER do Google Workspace. O usuário só pode ver e selecionar usuários da organização do Google Workspace.

SelectionItem

Um item que os usuários podem escolher em uma entrada de seleção, como uma caixa de seleção ou um interruptor.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
text

string

É o texto que identifica ou descreve o item para os usuários.
value

string

Valor associado a este item. O cliente deve usá-lo como um valor de entrada de formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
selected

bool

Indica se o item está selecionado por padrão. Se a entrada de seleção aceitar apenas um valor (como para botões de opção ou um menu suspenso), defina esse campo para apenas um item.
startIconUri

string

Para menus de seleção múltipla, o URL do ícone exibido ao lado do campo text do item. Compatível com arquivos PNG e JPEG. Precisa ser um URL HTTPS. Por exemplo, https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png.
bottomText

string

Para menus de seleção múltipla, uma descrição ou rótulo de texto exibido abaixo do campo text do item.

SelectionType

O formato dos itens que os usuários podem selecionar. Diferentes opções oferecem suporte a diferentes tipos de interação. Por exemplo, os usuários podem marcar várias caixas de seleção, mas escolher apenas um item de um menu suspenso.

Cada entrada de seleção é compatível com um tipo de seleção. Por exemplo, não é possível misturar caixas de seleção e chaves.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
CHECK_BOX Um conjunto de caixas de seleção. Os usuários podem marcar uma ou mais caixas de seleção.
RADIO_BUTTON Um conjunto de botões de opção. Os usuários podem selecionar um botão de opção.
SWITCH Um conjunto de interruptores. Os usuários podem ativar um ou mais interruptores.
DROPDOWN Um menu suspenso. Os usuários podem selecionar um item do menu.
MULTI_SELECT

Um menu de seleção múltipla para dados estáticos ou dinâmicos. Na barra de menus, os usuários selecionam um ou mais itens. Os usuários também podem inserir valores para preencher dados dinâmicos. Por exemplo, os usuários podem começar a digitar o nome de um espaço do Google Chat para que ele seja sugerido automaticamente pelo widget.

Para preencher itens de um menu de seleção múltipla, use um dos seguintes tipos de fontes de dados:

  • Dados estáticos: os itens são especificados como objetos SelectionItem no widget. Até 100 itens.
  • Dados do Google Workspace: os itens são preenchidos com dados do Google Workspace, como usuários do Workspace ou espaços do Google Chat.
  • Dados externos: os itens são preenchidos de uma fonte de dados externa fora do Google Workspace.

Para exemplos de como implementar menus de seleção múltipla, consulte Adicionar um menu de seleção múltipla.

Disponível nos apps do Google Chat e nos complementos do Google Workspace. A multisseleção para complementos do Google Workspace está disponível na prévia para desenvolvedores.

SubmitFormResponse

Uma resposta a um envio de formulário que não seja um contêiner de preenchimento automático, contendo as ações que o card deve executar e/ou o app host do complemento deve realizar, e se o estado do card foi alterado.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat. Exemplo:

{
  "renderActions": {
    "action": {
      "notification": {
        "text": "Email address is added: salam.heba@example.com"
      }
    },
    "hostAppAction": {
      "gmailAction": {
        "openCreatedDraftAction": {
          "draftId": "msg-a:r-79766936926021702",
          "threadServerPermId": "thread-f:15700999851086004"
        }
      }
    }
  }
}
Campos
renderActions

RenderActions

Um conjunto de instruções de renderização que instrui o card a executar uma ação e/ou instrui o app host de complementos a realizar uma ação específica.
stateChanged

bool

Se o estado dos cards mudou e se os dados nos cards atuais estão desatualizados.
schema

string

Este é um campo de esquema autônomo que pode estar presente na marcação para verificação de sintaxe.

Sugestões

Valores sugeridos que os usuários podem inserir. Esses valores aparecem quando os usuários clicam no campo de entrada de texto. À medida que os usuários digitam, os valores sugeridos são filtrados dinamicamente para corresponder ao que eles digitaram.

Por exemplo, um campo de entrada de texto para linguagem de programação pode sugerir Java, JavaScript, Python e C++. Quando os usuários começam a digitar Jav, a lista de sugestões filtra Java e JavaScript.

Os valores sugeridos ajudam a orientar os usuários a inserir valores que seu app possa entender. Ao se referir a JavaScript, alguns usuários podem inserir javascript e outros java script. Sugerir a JavaScript pode padronizar a forma como os usuários interagem com seu app.

Quando especificado, TextInput.type é sempre SINGLE_LINE, mesmo que esteja definido como MULTIPLE_LINE.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
items[]

SuggestionItem

Uma lista de sugestões usadas para recomendações de preenchimento automático nos campos de entrada de texto.

SuggestionItem

Um valor sugerido que os usuários podem inserir em um campo de entrada de texto.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos

Campo de união content.

content pode ser apenas de um dos tipos a seguir:
text

string

O valor de uma entrada sugerida para um campo de entrada de texto. Isso equivale ao que os próprios usuários inserem.

TextInput

Um campo em que os usuários podem inserir texto. Compatível com sugestões e ações quando mudar. Para um exemplo nos apps do Google Chat, consulte Adicionar um campo para os usuários digitarem texto.

Os apps de chat recebem e podem processar o valor do texto inserido durante os eventos de entrada no formulário. Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.

Quando precisar coletar dados indefinidos ou abstratos dos usuários, use uma entrada de texto. Para coletar dados definidos ou enumerados dos usuários, use o widget SelectionInput.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
name

string

O nome pelo qual a entrada de texto é identificada em um evento de entrada de formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
label

string

O texto que aparece acima do campo de entrada de texto na interface do usuário.

Especifique um texto que ajude o usuário a inserir as informações de que o app precisa. Por exemplo, se você estiver perguntando o nome de alguém, mas precisar especificamente do sobrenome, escreva surname em vez de name.

Obrigatório se hintText não estiver especificado. Caso contrário, é opcional.
hintText

string

Texto que aparece abaixo do campo de entrada de texto para ajudar os usuários solicitando que eles insiram um determinado valor. Este texto está sempre visível.

Obrigatório se label não estiver especificado. Caso contrário, é opcional.
value

string

O valor inserido por um usuário, retornado como parte de um evento de entrada do formulário.

Para detalhes sobre como trabalhar com entradas de formulário, consulte Receber dados de formulários.
type

Type

Como um campo de entrada de texto aparece na interface do usuário. Por exemplo, se o campo é uma ou várias linhas.
onChangeAction

Action

O que fazer quando ocorre uma mudança no campo de entrada de texto. Por exemplo, um usuário adicionando texto ou excluindo texto.

Exemplos de ações a serem realizadas incluem executar uma função personalizada ou abrir uma caixa de diálogo no Google Chat.
initialSuggestions

Suggestions

Valores sugeridos que os usuários podem inserir. Esses valores aparecem quando os usuários clicam no campo de entrada de texto. À medida que os usuários digitam, os valores sugeridos são filtrados dinamicamente para corresponder ao que eles digitaram.

Por exemplo, um campo de entrada de texto para linguagem de programação pode sugerir Java, JavaScript, Python e C++. Quando os usuários começam a digitar Jav, a lista de sugestões filtra apenas Java e JavaScript.

Os valores sugeridos ajudam a orientar os usuários a inserir valores que seu app possa entender. Ao se referir a JavaScript, alguns usuários podem inserir javascript e outros java script. Sugerir a JavaScript pode padronizar a forma como os usuários interagem com seu app.

Quando especificado, TextInput.type é sempre SINGLE_LINE, mesmo que esteja definido como MULTIPLE_LINE.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.
autoCompleteAction

Action

Opcional. Especifique a ação a ser tomada quando o campo de entrada de texto oferecer sugestões aos usuários que interagem com ele.

Se não for especificada, as sugestões serão definidas pelo initialSuggestions e processadas pelo cliente.

Se especificado, o app realiza a ação definida aqui, como executar uma função personalizada.

Disponível para complementos do Google Workspace e indisponível para apps do Google Chat.
placeholderText

string

Texto que aparece no campo de entrada de texto quando ele está vazio. Use esse texto para solicitar que os usuários insiram um valor. Por exemplo, Enter a number from 0 to 100.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Tipo

Como um campo de entrada de texto aparece na interface do usuário. Por exemplo, seja um campo de entrada de linha única ou uma entrada de várias linhas. Se initialSuggestions for especificado, type será sempre SINGLE_LINE, mesmo que esteja definido como MULTIPLE_LINE.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
SINGLE_LINE O campo de entrada de texto tem uma altura fixa de uma linha.
MULTIPLE_LINE O campo de entrada de texto tem uma altura fixa de várias linhas.

TextParagraph

Um parágrafo de texto compatível com formatação. Para ver um exemplo nos apps do Google Chat, consulte Adicionar um parágrafo de texto formatado. Saiba mais sobre a formatação de texto em Formatar texto em apps do Google Chat e Formatar texto em complementos do Google Workspace.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Campos
text

string

O texto mostrado no widget.

Widget

Cada card é composto por widgets.

Um widget é um objeto composto que pode representar texto, imagens, botões e outros tipos de objetos.

Campos
horizontalAlignment

HorizontalAlignment

Especifica se os widgets estão alinhados à esquerda, à direita ou no centro de uma coluna.
Campo de união data. Um widget só pode ter um dos itens a seguir. É possível usar vários campos de widget para exibir mais itens. data só pode ser de um dos seguintes tipos:
textParagraph

TextParagraph

Exibe um parágrafo de texto. Compatível com texto formatado em HTML simples. Saiba mais sobre a formatação de texto em Formatar texto em apps do Google Chat e Formatar texto em complementos do Google Workspace.

Por exemplo, o JSON a seguir cria um texto em negrito:

"textParagraph": {
  "text": "  <b>bold text</b>"
}
image

Image

Mostra uma imagem.

Por exemplo, o JSON a seguir cria uma imagem com texto alternativo:

"image": {
  "imageUrl":
  "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
  "altText": "Chat app avatar"
}
decoratedText

DecoratedText

Mostra um item de texto decorado.

Por exemplo, o JSON a seguir cria um widget de texto decorado mostrando o endereço de e-mail:

"decoratedText": {
  "icon": {
    "knownIcon": "EMAIL"
  },
  "topLabel": "Email Address",
  "text": "sasha@example.com",
  "bottomLabel": "This is a new Email address!",
  "switchControl": {
    "name": "has_send_welcome_email_to_sasha",
    "selected": false,
    "controlType": "CHECKBOX"
  }
}
buttonList

ButtonList

Uma lista de botões.

Por exemplo, o JSON a seguir cria dois botões. O primeiro é um botão de texto azul e o segundo é um botão de imagem que abre um link:

"buttonList": {
  "buttons": [
    {
      "text": "Edit",
      "color": {
        "red": 0,
        "green": 0,
        "blue": 1,
        "alpha": 1
      },
      "disabled": true,
    },
    {
      "icon": {
        "knownIcon": "INVITE",
        "altText": "check calendar"
      },
      "onClick": {
        "openLink": {
          "url": "https://example.com/calendar"
        }
      }
    }
  ]
}
textInput

TextInput

Mostra uma caixa de texto na qual os usuários podem digitar.

Por exemplo, o JSON a seguir cria uma entrada de texto para um endereço de e-mail:

"textInput": {
  "name": "mailing_address",
  "label": "Mailing Address"
}

Como outro exemplo, o JSON abaixo cria uma entrada de texto para uma linguagem de programação com sugestões estáticas:

"textInput": {
  "name": "preferred_programing_language",
  "label": "Preferred Language",
  "initialSuggestions": {
    "items": [
      {
        "text": "C++"
      },
      {
        "text": "Java"
      },
      {
        "text": "JavaScript"
      },
      {
        "text": "Python"
      }
    ]
  }
}
selectionInput

SelectionInput

Mostra um controle de seleção que permite aos usuários selecionar itens. Os controles de seleção podem ser caixas de seleção, botões de opção, chaves ou menus suspensos.

Por exemplo, o JSON a seguir cria um menu suspenso que permite aos usuários escolher um tamanho:

"selectionInput": {
  "name": "size",
  "label": "Size"
  "type": "DROPDOWN",
  "items": [
    {
      "text": "S",
      "value": "small",
      "selected": false
    },
    {
      "text": "M",
      "value": "medium",
      "selected": true
    },
    {
      "text": "L",
      "value": "large",
      "selected": false
    },
    {
      "text": "XL",
      "value": "extra_large",
      "selected": false
    }
  ]
}
dateTimePicker

DateTimePicker

Exibe um widget que permite aos usuários inserir uma data, hora ou data e hora.

Por exemplo, o JSON a seguir cria um seletor de data e hora para agendar um horário:

"dateTimePicker": {
  "name": "appointment_time",
  "label": "Book your appointment at:",
  "type": "DATE_AND_TIME",
  "valueMsEpoch": "796435200000"
}
divider

Divider

Mostra um divisor de linha horizontal entre os widgets.

Por exemplo, o JSON abaixo cria um divisor:

"divider": {
}
grid

Grid

Mostra uma grade com uma coleção de itens.

Uma grade suporta qualquer número de colunas e itens. O número de linhas é determinado pelos limites superiores do número de itens dividido pelo número de colunas. Uma grade com 10 itens e 2 colunas tem 5 linhas. Uma grade com 11 itens e 2 colunas tem 6 linhas.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Por exemplo, o JSON a seguir cria uma grade de duas colunas com um único item:

"grid": {
  "title": "A fine collection of items",
  "columnCount": 2,
  "borderStyle": {
    "type": "STROKE",
    "cornerRadius": 4
  },
  "items": [
    {
      "image": {
        "imageUri": "https://www.example.com/image.png",
        "cropStyle": {
          "type": "SQUARE"
        },
        "borderStyle": {
          "type": "STROKE"
        }
      },
      "title": "An item",
      "textAlignment": "CENTER"
    }
  ],
  "onClick": {
    "openLink": {
      "url": "https://www.example.com"
    }
  }
}
columns

Columns

Exibe até duas colunas.

Para incluir mais de duas colunas ou usar linhas, use o widget Grid.

Por exemplo, o JSON a seguir cria duas colunas, cada uma contendo parágrafos de texto:

"columns": {
  "columnItems": [
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "First column text paragraph"
          }
        }
      ]
    },
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "Second column text paragraph"
          }
        }
      ]
    }
  ]
}

HorizontalAlignment

Especifica se os widgets estão alinhados à esquerda, à direita ou no centro de uma coluna.

Disponível nos apps do Google Chat e indisponível para os complementos do Google Workspace.

Tipos enumerados
HORIZONTAL_ALIGNMENT_UNSPECIFIED Não use. Não especificado.
START Valor padrão. Alinha os widgets à posição inicial da coluna. Para layouts da esquerda para a direita, faz o alinhamento à esquerda. Para layouts da direita para a esquerda, alinha-se à direita.
CENTER Alinha os widgets ao centro da coluna.
END Alinha os widgets à posição final da coluna. Em layouts da esquerda para a direita, alinha os widgets à direita. Para layouts da direita para a esquerda, alinha os widgets à esquerda.

ImageType

A forma usada para cortar a imagem.

Disponível nos apps do Google Chat e nos complementos do Google Workspace.

Tipos enumerados
SQUARE Valor padrão. Aplica uma máscara quadrada à imagem. Por exemplo, uma imagem 4 x 3 se torna 3 x 3.
CIRCLE Aplica uma máscara circular à imagem. Por exemplo, uma imagem 4x3 se torna um círculo com um diâmetro de 3.