Class GoogleAppsCardV1Card

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 Example contact card 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" }
] } } } ] } } ] } ] } } ] }
Inheritance
object
GoogleAppsCardV1Card
Implements
Inherited Members
Namespace: Google.Apis.HangoutsChat.v1.Data
Assembly: Google.Apis.HangoutsChat.v1.dll
Syntax
public class GoogleAppsCardV1Card : IDirectResponseSchema

Properties

CardActions

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 with Settings and Send 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" } } } ]
Declaration
[JsonProperty("cardActions")]
public virtual IList<GoogleAppsCardV1CardAction> CardActions { get; set; }
Property Value
Type Description
IList<GoogleAppsCardV1CardAction>

DisplayStyle

In Google Workspace Add-ons, sets the display properties of the peekCardHeader. Google Workspace Add-ons:

Declaration
[JsonProperty("displayStyle")]
public virtual string DisplayStyle { get; set; }
Property Value
Type Description
string

ETag

The ETag of the item.

Declaration
public virtual string ETag { get; set; }
Property Value
Type Description
string

FixedFooter

The fixed footer shown at the bottom of this card. Setting fixedFooter without specifying a primaryButton or a secondaryButton causes an error. For Chat apps, you can use fixed footers in dialogs, but not card messages. Google Workspace Add-ons and Chat apps:

Declaration
[JsonProperty("fixedFooter")]
public virtual GoogleAppsCardV1CardFixedFooter FixedFooter { get; set; }
Property Value
Type Description
GoogleAppsCardV1CardFixedFooter

Header

The header of the card. A header usually contains a leading image and a title. Headers always appear at the top of a card.

Declaration
[JsonProperty("header")]
public virtual GoogleAppsCardV1CardHeader Header { get; set; }
Property Value
Type Description
GoogleAppsCardV1CardHeader

Name

Name of the card. Used as a card identifier in card navigation. Google Workspace Add-ons:

Declaration
[JsonProperty("name")]
public virtual string Name { get; set; }
Property Value
Type Description
string

PeekCardHeader

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:

Declaration
[JsonProperty("peekCardHeader")]
public virtual GoogleAppsCardV1CardHeader PeekCardHeader { get; set; }
Property Value
Type Description
GoogleAppsCardV1CardHeader

SectionDividerStyle

The divider style between the header, sections and footer.

Declaration
[JsonProperty("sectionDividerStyle")]
public virtual string SectionDividerStyle { get; set; }
Property Value
Type Description
string

Sections

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.

Declaration
[JsonProperty("sections")]
public virtual IList<GoogleAppsCardV1Section> Sections { get; set; }
Property Value
Type Description
IList<GoogleAppsCardV1Section>

Implements