View Source GoogleApi.Chat.V1.Model.GoogleAppsCardV1Card (google_api_chat v0.34.3)
A card interface displayed in a Google Chat message or Google Workspace Add-on. Cards support a defined layout, interactive UI elements like buttons, and rich media like images. Use cards to present detailed information, gather information from users, and guide users to take a next step. Card builder To learn how to build cards, see the following documentation: For Google Chat apps, see Design the components of a card or dialog. For Google Workspace Add-ons, see Card-based interfaces. Example: Card message for a Google Chat app To create the sample card message in Google Chat, use the following 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": "Online" } }, { "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" } ] } } } ] } } ] } ] } } ] }
Attributes
-
cardActions
(type:list(GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardAction.t)
, default:nil
) - The card's actions. Actions are added to the card's toolbar menu. Google Workspace Add-ons: For example, the following JSON constructs a card action menu withSettings
andSend Feedback
options:"card_actions": [ { "actionLabel": "Settings", "onClick": { "action": { "functionName": "goToView", "parameters": [ { "key": "viewType", "value": "SETTING" } ], "loadIndicator": "LoadIndicator.SPINNER" } } }, { "actionLabel": "Send Feedback", "onClick": { "openLink": { "url": "https://example.com/feedback" } } } ]
-
displayStyle
(type:String.t
, default:nil
) - In Google Workspace Add-ons, sets the display properties of thepeekCardHeader
. Google Workspace Add-ons: -
fixedFooter
(type:GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardFixedFooter.t
, default:nil
) - The fixed footer shown at the bottom of this card. SettingfixedFooter
without specifying aprimaryButton
or asecondaryButton
causes an error. For Chat apps, you can use fixed footers in dialogs, but not card messages. Google Workspace Add-ons and Chat apps: -
header
(type:GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardHeader.t
, default:nil
) - The header of the card. A header usually contains a leading image and a title. Headers always appear at the top of a card. -
name
(type:String.t
, default:nil
) - Name of the card. Used as a card identifier in card navigation. Google Workspace Add-ons: -
peekCardHeader
(type:GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardHeader.t
, default:nil
) - When displaying contextual content, the peek card header acts as a placeholder so that the user can navigate forward between the homepage cards and the contextual cards. Google Workspace Add-ons: -
sectionDividerStyle
(type:String.t
, default:nil
) - The divider style between sections. -
sections
(type:list(GoogleApi.Chat.V1.Model.GoogleAppsCardV1Section.t)
, default:nil
) - Contains a collection of widgets. Each section has its own, optional header. Sections are visually separated by a line divider. For an example in Google Chat apps, see Define a section of a card.
Summary
Functions
Unwrap a decoded JSON object into its complex fields.
Types
@type t() :: %GoogleApi.Chat.V1.Model.GoogleAppsCardV1Card{ cardActions: [GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardAction.t()] | nil, displayStyle: String.t() | nil, fixedFooter: GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardFixedFooter.t() | nil, header: GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardHeader.t() | nil, name: String.t() | nil, peekCardHeader: GoogleApi.Chat.V1.Model.GoogleAppsCardV1CardHeader.t() | nil, sectionDividerStyle: String.t() | nil, sections: [GoogleApi.Chat.V1.Model.GoogleAppsCardV1Section.t()] | nil }
Functions
Unwrap a decoded JSON object into its complex fields.