Se usó la API de Cloud Translation para traducir esta página.

Class CardService

CardService proporciona la capacidad de crear tarjetas genéricas que se usan en diferentes productos de extensibilidad de Google, como los complementos de Google Workspace.

A continuación, se muestra un ejemplo de una tarjeta de complementos.

function createCard() {
  return CardService.newCardBuilder()
      .setHeader(CardService.newCardHeader().setTitle('CardTitle'))
      .build();
}

También puedes devolver varias tarjetas de la siguiente manera:

function createCards() {
  return [
    CardService.newCardBuilder().build(),
    CardService.newCardBuilder().build(),
    CardService.newCardBuilder().build(),
  ];
}

A continuación, se muestra cómo podrías definir una tarjeta con un encabezado, texto, una imagen y un elemento de menú:

function createWidgetDemoCard() {
  return CardService.newCardBuilder()
      .setHeader(
          CardService.newCardHeader()
              .setTitle('Widget demonstration')
              .setSubtitle('Check out these widgets')
              .setImageStyle(CardService.ImageStyle.SQUARE)
              .setImageUrl('https://www.example.com/images/headerImage.png'),
          )
      .addSection(
          CardService.newCardSection()
              .setHeader('Simple widgets')  // optional
              .addWidget(
                  CardService.newTextParagraph().setText(
                      'These widgets are display-only. ' +
                          'A text paragraph can have multiple lines and ' +
                          'formatting.',
                      ),
                  )
              .addWidget(
                  CardService.newImage().setImageUrl(
                      'https://www.example.com/images/mapsImage.png',
                      ),
                  ),
          )
      .addCardAction(
          CardService.newCardAction().setText('Gmail').setOpenLink(
              CardService.newOpenLink().setUrl('https://mail.google.com/mail'),
              ),
          )
      .build();
}

Ejemplo de una tarjeta de Apps de Chat.

const cardHeader =
    CardService.newCardHeader()
        .setTitle('Sasha')
        .setSubtitle('Software Engineer')
        .setImageUrl(
            'https://developers.google.com/chat/images/quickstart-app-avatar.png',
            )
        .setImageStyle(CardService.ImageStyle.CIRCLE)
        .setImageAltText('Avatar for Sasha');

const cardSection =
    CardService.newCardSection()
        .setHeader('Contact Info')
        .setCollapsible(true)
        .setNumUncollapsibleWidgets(1)
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.EMAIL))
                .setText('sasha@example.com'),
            )
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.PERSON))
                .setText('<font color="#80e27e">Online</font>'),
            )
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.PHONE))
                .setText('+1 (555) 555-1234'),
            )
        .addWidget(
            CardService.newButtonSet()
                .addButton(
                    CardService.newTextButton().setText('Share').setOpenLink(
                        CardService.newOpenLink().setUrl(
                            'https://example.com/share'),
                        ),
                    )
                .addButton(
                    CardService.newTextButton()
                        .setText('Edit')
                        .setOnClickAction(
                            CardService.newAction()
                                .setFunctionName('goToView')
                                .setParameters({viewType: 'EDIT'}),
                            ),
                    ),
        );

const card = CardService.newCardBuilder()
                 .setHeader(cardHeader)
                 .addSection(cardSection)
                 .build();

Propiedades

Propiedad	Tipo	Descripción
`BorderType`	`BorderType`	Es la enumeración `BorderType`.
`ChipListLayout`	`ChipListLayout`	Es la enumeración `ChipListLayout`.
`CommonDataSource`	`CommonDataSource`	Es la enumeración `CommonDataSource`.
`ComposedEmailType`	`ComposedEmailType`	Es la enumeración `ComposedEmailType`.
`ContentType`	`ContentType`	Es la enumeración `ContentType`.
`DriveItemType`	`DriveItemType`	Es la enumeración `DriveItemType`.
`ExpressionDataActionType`	`ExpressionDataActionType`	Es la enumeración `ExpressionDataActionType`.
`ExpressionDataConditionType`	`ExpressionDataConditionType`	Es la enumeración `ExpressionDataConditionType`.
`GridItemLayout`	`GridItemLayout`	Es la enumeración `GridItemLayout`.
`HorizontalAlignment`	`HorizontalAlignment`	Es la enumeración `HorizontalAlignment`.
`Icon`	`Icon`	Es la enumeración `Icon`.
`ImageButtonStyle`	`ImageButtonStyle`	Es la enumeración `ImageButtonStyle`.
`ImageCropType`	`ImageCropType`	Es la enumeración `ImageCropType`.
`ImageStyle`	`ImageStyle`	Es la enumeración `ImageStyle`.
`InputType`	`InputType`	Es la enumeración `InputType`.
`LoadIndicator`	`LoadIndicator`	Es la enumeración `LoadIndicator`.
`OnClose`	`OnClose`	Es la enumeración `OnClose`.
`OpenAs`	`OpenAs`	Es la enumeración `OpenAs`.
`SelectionInputType`	`SelectionInputType`	Es la enumeración `SelectionInputType`.
`TextButtonStyle`	`TextButtonStyle`	Es la enumeración `TextButtonStyle`.
`TextInputMode`	`TextInputMode`	Es la enumeración `TextInputMode`.
`UpdateDraftBodyType`	`UpdateDraftBodyType`	Es la enumeración `UpdateDraftBodyType`.
`VariableButtonSize`	`VariableButtonSize`	Es la enumeración `VariableButtonSize`.
`Visibility`	`Visibility`	Es la enumeración `Visibility`.
`WorkflowDataSourceType`	`WorkflowDataSourceType`	Es la enumeración `WorkflowDataSourceType`.

Métodos

Método	Tipo de datos que se muestra	Descripción breve
`newAction()`	`Action`	Crea una `Action` nueva.
`newActionResponseBuilder()`	`ActionResponseBuilder`	Crea una `ActionResponseBuilder` nueva.
`newActionStatus()`	`ActionStatus`	Crea una `ActionStatus` nueva.
`newAttachment()`	`Attachment`	Crea una `Attachment` nueva.
`newAuthorizationAction()`	`AuthorizationAction`	Crea una `AuthorizationAction` nueva.
`newAuthorizationException()`	`AuthorizationException`	Crea una `AuthorizationException` nueva.
`newBorderStyle()`	`BorderStyle`	Crea una `BorderStyle` nueva.
`newButtonSet()`	`ButtonSet`	Crea una `ButtonSet` nueva.
`newCalendarEventActionResponseBuilder()`	`CalendarEventActionResponseBuilder`	Crea una `CalendarEventActionResponseBuilder` nueva.
`newCardAction()`	`CardAction`	Crea una `CardAction` nueva.
`newCardBuilder()`	`CardBuilder`	Crea un nuevo compilador de tarjetas.
`newCardHeader()`	`CardHeader`	Crea una `CardHeader` nueva.
`newCardSection()`	`CardSection`	Crea una `CardSection` nueva.
`newCardWithId()`	`CardWithId`	Crea una `CardWithId` nueva.
`newCarousel()`	`Carousel`	Crea un `Carousel`.
`newCarouselCard()`	`CarouselCard`	Crea una `CarouselCard` nueva.
`newChatActionResponse()`	`ChatActionResponse`	Crea una `ChatActionResponse` nueva.
`newChatResponseBuilder()`	`ChatResponseBuilder`	Crea una `ChatResponseBuilder` nueva.
`newChip()`	`Chip`	Crea una `Chip` nueva.
`newChipList()`	`ChipList`	Crea una `ChipList` nueva.
`newCollapseControl()`	`CollapseControl`	Crea una `CollapseControl` nueva.
`newColumn()`	`Column`	Crea una `Column` nueva.
`newColumns()`	`Columns`	Crea un nuevo conjunto de `Columns`.
`newCommonWidgetAction()`	`CommonWidgetAction`	Crea una `CommonWidgetAction` nueva.
`newComposeActionResponseBuilder()`	`ComposeActionResponseBuilder`	Crea una `ComposeActionResponseBuilder` nueva.
`newCondition()`	`Condition`	Crea un nuevo `Condition` que se usa para la validación del cliente.
`newDataSourceConfig()`	`DataSourceConfig`	Crea un objeto `DataSourceConfig` nuevo y vacío.
`newDatePicker()`	`DatePicker`	Crea una `DatePicker` nueva.
`newDateTimePicker()`	`DateTimePicker`	Crea una `DateTimePicker` nueva.
`newDecoratedText()`	`DecoratedText`	Crea una `DecoratedText` nueva.
`newDialog()`	`Dialog`	Crea una `Dialog` nueva.
`newDialogAction()`	`DialogAction`	Crea una `DialogAction` nueva.
`newDivider()`	`Divider`	Crea una `Divider` nueva.
`newDriveDataSourceSpec()`	`DriveDataSourceSpec`	Crea una `DriveDataSourceSpec` nueva.
`newDriveItemsSelectedActionResponseBuilder()`	`DriveItemsSelectedActionResponseBuilder`	Crea una `DriveItemsSelectedActionResponseBuilder` nueva.
`newEditorFileScopeActionResponseBuilder()`	`EditorFileScopeActionResponseBuilder`	Crea una `EditorFileScopeActionResponseBuilder` nueva.
`newEventAction()`	`EventAction`	Crea un nuevo `EventAction` que se usa para la validación del cliente.
`newExpressionData()`	`ExpressionData`	Crea un nuevo `ExpressionData` que se usa para la validación del cliente.
`newExpressionDataAction()`	`ExpressionDataAction`	Crea un nuevo `ExpressionDataAction` que se usa para la validación del cliente.
`newExpressionDataCondition()`	`ExpressionDataCondition`	Crea un nuevo `ExpressionDataCondition` que se usa para la validación del cliente.
`newFixedFooter()`	`FixedFooter`	Crea una `FixedFooter` nueva.
`newGrid()`	`Grid`	Crea una `Grid` nueva.
`newGridItem()`	`GridItem`	Crea una `GridItem` nueva.
`newHostAppDataSource()`	`HostAppDataSource`	Crea una `HostAppDataSource` nueva.
`newIconImage()`	`IconImage`	Crea una `IconImage` nueva.
`newImage()`	`Image`	Crea una `Image` nueva.
`newImageButton()`	`ImageButton`	Crea una `ImageButton` nueva.
`newImageComponent()`	`ImageComponent`	Crea una `ImageComponent` nueva.
`newImageCropStyle()`	`ImageCropStyle`	Crea una `ImageCropStyle` nueva.
`newKeyValue()`	`KeyValue`	Crea una `KeyValue` nueva.
`newLinkPreview()`	`LinkPreview`	Crea una `LinkPreview` nueva.
`newMaterialIcon()`	`MaterialIcon`	Crea una `MaterialIcon` nueva.
`newNavigation()`	`Navigation`	Crea una `Navigation` nueva.
`newNotification()`	`Notification`	Crea una `Notification` nueva.
`newOpenLink()`	`OpenLink`	Crea una `OpenLink` nueva.
`newOverflowMenu()`	`OverflowMenu`	Crea una `OverflowMenu` nueva.
`newOverflowMenuItem()`	`OverflowMenuItem`	Crea una `OverflowMenuItem` nueva.
`newPlatformDataSource()`	`PlatformDataSource`	Crea una `PlatformDataSource` nueva.
`newSelectionInput()`	`SelectionInput`	Crea una `SelectionInput` nueva.
`newSuggestions()`	`Suggestions`	Crea una `Suggestions` nueva.
`newSuggestionsResponseBuilder()`	`SuggestionsResponseBuilder`	Crea una `SuggestionsResponseBuilder` nueva.
`newSwitch()`	`Switch`	Crea una `Switch` nueva.
`newTextButton()`	`TextButton`	Crea una `TextButton` nueva.
`newTextInput()`	`TextInput`	Crea una `TextInput` nueva.
`newTextParagraph()`	`TextParagraph`	Crea una `TextParagraph` nueva.
`newTimePicker()`	`TimePicker`	Crea una `TimePicker` nueva.
`newTrigger()`	`Trigger`	Crea y devuelve un nuevo `Trigger` que se usa para la validación del cliente.
`newUniversalActionResponseBuilder()`	`UniversalActionResponseBuilder`	Crea una `UniversalActionResponseBuilder` nueva.
`newUpdateDraftActionResponseBuilder()`	`UpdateDraftActionResponseBuilder`	Crea una `UpdateDraftActionResponseBuilder` nueva.
`newUpdateDraftBccRecipientsAction()`	`UpdateDraftBccRecipientsAction`	Crea un `UpdateDraftBccRecipientsAction` nuevo.
`newUpdateDraftBodyAction()`	`UpdateDraftBodyAction`	Crea una `UpdateDraftBodyAction` nueva.
`newUpdateDraftCcRecipientsAction()`	`UpdateDraftCcRecipientsAction`	Crea una `UpdateDraftCcRecipientsAction` nueva.
`newUpdateDraftSubjectAction()`	`UpdateDraftSubjectAction`	Crea una `UpdateDraftSubjectAction` nueva.
`newUpdateDraftToRecipientsAction()`	`UpdateDraftToRecipientsAction`	Crea una `UpdateDraftToRecipientsAction` nueva.
`newUpdateVisibilityAction()`	`UpdateVisibilityAction`	Crea una `UpdateVisibilityAction` nueva.
`newValidation()`	`Validation`	Crea una `Validation` nueva.
`newWorkflowDataSource()`	`WorkflowDataSource`	Crea una `WorkflowDataSource` nueva.

Documentación detallada

`newAction()`

Crea una Action nueva.

Volver

Action: Es una acción vacía.

`newActionResponseBuilder()`

Crea una ActionResponseBuilder nueva.

Volver

ActionResponseBuilder: Es un compilador de ActionResponse vacío.

`newActionStatus()`

Crea una ActionStatus nueva.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const actionStatus = CardService.newActionStatus()
                         .setStatusCode(CardService.Status.OK)
                         .setUserFacingMessage('Success');

Volver

ActionStatus: Un ActionStatus vacío.

`newAttachment()`

Crea una Attachment nueva.

Volver

Attachment: Es un archivo adjunto vacío.

`newAuthorizationAction()`

Crea una AuthorizationAction nueva.

Volver

AuthorizationAction: Es un AuthorizationAction vacío.

`newAuthorizationException()`

Crea una AuthorizationException nueva.

Volver

AuthorizationException: Es un AuthorizationException vacío.

`newBorderStyle()`

Crea una BorderStyle nueva.

Volver

BorderStyle: Es un BorderStyle vacío.

`newButtonSet()`

Crea una ButtonSet nueva.

Volver

ButtonSet: Es un ButtonSet vacío.

`newCalendarEventActionResponseBuilder()`

Crea una CalendarEventActionResponseBuilder nueva.

Volver

CalendarEventActionResponseBuilder: Es un CalendarEventActionResponseBuilder vacío.

`newCardAction()`

Crea una CardAction nueva.

Volver

CardAction: Es un CardAction vacío.

`newCardBuilder()`

Crea un nuevo compilador de tarjetas.

Volver

CardBuilder: Es un compilador de tarjetas vacío.

`newCardHeader()`

Crea una CardHeader nueva.

Volver

CardHeader: Es un CardHeader vacío.

`newCardSection()`

Crea una CardSection nueva.

Volver

CardSection: Es un CardSection vacío.

`newCardWithId()`

Crea una CardWithId nueva. Se usa para enviar una tarjeta en un mensaje de Google Chat. El ID de tarjeta es un identificador único de una tarjeta en un mensaje cuando se envían varias tarjetas.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newTextParagraph().setText('This is a text paragraph widget.'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .addSection(cardSection)
                 .build();

const cardWithId =
    CardService.newCardWithId().setCardId('card_id').setCard(card);

Volver

CardWithId: Es un CardWithId vacío.

`newCarousel()`

Crea un Carousel.

const carousel =
    CardService.newCarousel()
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The first text paragraph in carousel')))
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The second text paragraph in carousel')))
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The third text paragraph in carousel')))

Volver

Carousel: Es un carrusel vacío.

`newCarouselCard()`

Crea una CarouselCard nueva.

const carouselCard = CardService.newCarouselCard().addWidget(
    CardService.newTextParagraph().setText('Text paragraph in carousel'));

Volver

CarouselCard: Es un chip vacío.

`newChatActionResponse()`

Crea una ChatActionResponse nueva.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();
const dialog = CardService.newDialog().setBody(card);

const dialogAction = CardService.newDialogAction().setDialog(dialog);

const chatActionResponse = CardService.newChatActionResponse()
                               .setResponseType(CardService.ResponseType.DIALOG)
                               .setDialogAction(dialogAction);

Volver

ChatActionResponse: Es un ChatActionResponse vacío.

`newChatResponseBuilder()`

Crea una ChatResponseBuilder nueva.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newTextParagraph().setText('This is a text paragraph widget.'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .addSection(cardSection)
                 .build();

const cardWithId =
    CardService.newCardWithId().setCardId('card_id').setCard(card);

const chatResponse =
    CardService.newChatResponseBuilder().addCardsV2(cardWithId).build();

Volver

ChatResponseBuilder: Es un ChatResponseBuilder vacío.

`newChip()`

Crea una Chip nueva.

Disponible para las apps de Google Chat. Está disponible en la versión preliminar para desarrolladores de los complementos de Google Workspace.

const chip = CardService.newChip()
                 .setLabel('Open Link')
                 .setOpenLink(CardService.newOpenLink().setUrl(
                     'https://www.google.com'));

Volver

Chip: Es un chip vacío.

`newChipList()`

Crea una ChipList nueva.

Disponible para las apps de Google Chat. Está disponible en la versión preliminar para desarrolladores de los complementos de Google Workspace.

const chip = CardService.newChip();
// Finish building the text chip...

const chipList = CardService.newChipList()
                     .setLayout(CardService.ChipListLayout.WRAPPED)
                     .addChip(chip);

Volver

ChipList: Es un ChipList vacío.

`newCollapseControl()`

Crea una CollapseControl nueva.

Disponible para las apps de Google Chat. Está disponible en la versión preliminar para desarrolladores de los complementos de Google Workspace.

const collapseControl =
    CardService.newCollapseControl()
        .setHorizontalAlign(CardService.HorizontalAlignment.START)
        .setExpandButton(CardService.newTextButton().setText('Expand'))
        .setCollapseButton(CardService.newTextButton().setText('Collapse'));

Volver

CollapseControl: Es un CollapseControl vacío.

`newColumn()`

Crea una Column nueva.

Está disponible para las apps de Google Chat y los complementos de Google Workspace.

const columnWidget = CardService.newTextParagraph();
const column =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER)
        .addWidget(columnWidget);

Volver

Column: Es una columna vacía.

`newColumns()`

Crea un nuevo conjunto de Columns.

Está disponible para las apps de Google Chat y los complementos de Google Workspace.

const firstColumn =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const secondColumn =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
                    .addColumn(firstColumn)
                    .addColumn(secondColumn)
                    .setWrapStyle(CardService.WrapStyle.WRAP);

Volver

Columns: Es un conjunto vacío de columnas.

Volver

ComposeActionResponseBuilder: Un compilador de ComposeActionResponse vacío.

`newCondition()`

Crea un nuevo Condition que se usa para la validación del cliente.

Volver

Condition: Es un Condition vacío.

`newDataSourceConfig()`

Crea un objeto DataSourceConfig nuevo y vacío.

Volver

DataSourceConfig: Es un DataSourceConfig vacío.

`newDatePicker()`

Crea una DatePicker nueva.

Volver

DatePicker: Un DatePicker vacío.

`newDateTimePicker()`

Crea una DateTimePicker nueva.

Volver

DateTimePicker: Un DateTimePicker vacío.

`newDecoratedText()`

Crea una DecoratedText nueva.

Volver

DecoratedText: Es un DecoratedText vacío.

`newDialog()`

Crea una Dialog nueva.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();

// Sets the card of the dialog.
const dialog = CardService.newDialog().setBody(card);

Volver

Dialog: Es un Dialog vacío.

`newDialogAction()`

Crea una DialogAction nueva.

Solo está disponible para las apps de Google Chat. No está disponible para los complementos de Google Workspace.

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();
const dialog = CardService.newDialog().setBody(card);

const dialogAction = CardService.newDialogAction().setDialog(dialog);

Volver

DialogAction: Es un DialogAction vacío.

`newDivider()`

Crea una Divider nueva. En el siguiente ejemplo, se compila una tarjeta simple con 2 párrafos separados por un divisor.

function buildCard() {
  const cardSection1TextParagraph1 =
      CardService.newTextParagraph().setText('Hello world!');

  const cardSection1Divider1 = CardService.newDivider();

  const cardSection1TextParagraph2 =
      CardService.newTextParagraph().setText('Hello world!');

  const cardSection1 = CardService.newCardSection()
                           .addWidget(cardSection1TextParagraph1)
                           .addWidget(cardSection1Divider1)
                           .addWidget(cardSection1TextParagraph2);

  const card = CardService.newCardBuilder().addSection(cardSection1).build();

  return card;
}

Volver

Divider: Es un divisor.

`newDriveDataSourceSpec()`

Crea una DriveDataSourceSpec nueva.

Volver

DriveDataSourceSpec: Es un DriveDataSourceSpec vacío.

`newDriveItemsSelectedActionResponseBuilder()`

Crea una DriveItemsSelectedActionResponseBuilder nueva.

Volver

DriveItemsSelectedActionResponseBuilder: Es un DriveItemsSelectedActionResponseBuilder vacío.

`newEditorFileScopeActionResponseBuilder()`

Crea una EditorFileScopeActionResponseBuilder nueva.

Volver

EditorFileScopeActionResponseBuilder: Es un EditorFileScopeActionResponseBuilder vacío.

`newEventAction()`

Crea un nuevo EventAction que se usa para la validación del cliente.

Volver

EventAction: Es un EventAction vacío.

`newExpressionData()`

Crea un nuevo ExpressionData que se usa para la validación del cliente.

Volver

ExpressionData: Es un ExpressionData vacío.

`newExpressionDataAction()`

Crea un nuevo ExpressionDataAction que se usa para la validación del cliente.

Volver

ExpressionDataAction: Es un ExpressionDataAction vacío.

`newExpressionDataCondition()`

Crea un nuevo ExpressionDataCondition que se usa para la validación del cliente.

Volver

ExpressionDataCondition: Es un ExpressionDataCondition vacío.

`newFixedFooter()`

Crea una FixedFooter nueva.

Volver

FixedFooter: Es un FixedFooter vacío.

`newGrid()`

Crea una Grid nueva.

Volver

Grid: Es una cuadrícula vacía.

`newGridItem()`

Crea una GridItem nueva.

Volver

GridItem: Un GridItem vacío.

`newHostAppDataSource()`

Crea una HostAppDataSource nueva.

Volver

HostAppDataSource: Es un HostAppDataSource.

`newIconImage()`

Crea una IconImage nueva.

Volver

IconImage: Es la imagen de un ícono vacío.

`newImage()`

Crea una Image nueva.

Volver

Image: Es una imagen vacía.

`newImageButton()`

Crea una ImageButton nueva.

Volver

ImageButton: Un ImageButton vacío.

`newImageComponent()`

Crea una ImageComponent nueva.

Volver

ImageComponent: Un ImageComponent vacío.

`newImageCropStyle()`

Crea una ImageCropStyle nueva.

Volver

ImageCropStyle: Es un objeto ImageCropStyle vacío.

`newKeyValue()`

Crea una KeyValue nueva.

Volver

KeyValue: Es un KeyValue vacío.

`newLinkPreview()`

Crea una LinkPreview nueva.

const decoratedText =
    CardService.newDecoratedText().setTopLabel('Hello').setText('Hi!');

const cardSection = CardService.newCardSection().addWidget(decoratedText);

const card = CardService.newCardBuilder().addSection(cardSection).build();

const linkPreview = CardService.newLinkPreview().setPreviewCard(card).setTitle(
    'Smart chip title');

Volver

LinkPreview: Es un objeto LinkPreview vacío.

`newMaterialIcon()`

Crea una MaterialIcon nueva.

Está disponible para las apps de Google Chat y los complementos de Google Workspace.

const materialIcon =
    CardService.newMaterialIcon().setName('check_box').setFill(true);

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newDecoratedText()
        .setStartIcon(CardService.newIconImage().setMaterialIcon(materialIcon))
        .setText('sasha@example.com'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card Title'))
                 .addSection(cardSection)
                 .build();

Volver

MaterialIcon: Un MaterialIcon vacío.

`newNavigation()`

Crea una Navigation nueva.

Volver

Navigation: Es un objeto Navigation vacío.

`newNotification()`

Crea una Notification nueva.

Volver

Notification: Es una notificación vacía.

`newOpenLink()`

Crea una OpenLink nueva.

Volver

OpenLink: Es un OpenLink vacío.

`newOverflowMenu()`

Crea una OverflowMenu nueva.

Disponible para las apps de Google Chat. Está disponible en la versión preliminar para desarrolladores de los complementos de Google Workspace.

const overflowMenuItem = CardService.newOverflowMenuItem();
// Finish building the overflow menu item...

const overflowMenu =
    CardService.newOverflowMenu().addMenuItem(overflowMenuItem);

Volver

OverflowMenu: Es un OverflowMenu vacío.

`newOverflowMenuItem()`

Crea una OverflowMenuItem nueva.

Disponible para las apps de Google Chat. Está disponible en la versión preliminar para desarrolladores de los complementos de Google Workspace.

const overflowMenuItem =
    CardService.newOverflowMenuItem()
        .setStartIcon(
            CardService.newIconImage().setIconUrl(
                'https://www.google.com/images/branding/googleg/1x/googleg_standard_color_64dp.png',
                ),
            )
        .setText('Open Link')
        .setOpenLink(
            CardService.newOpenLink().setUrl('https://www.google.com'));

Volver

OverflowMenuItem: Es un OverflowMenuItem vacío.

`newPlatformDataSource()`

Crea una PlatformDataSource nueva.

Volver

PlatformDataSource: Es un PlatformDataSource vacío.

`newSelectionInput()`

Crea una SelectionInput nueva.

Volver

SelectionInput: Es un SelectionInput vacío.

`newSuggestions()`

Crea una Suggestions nueva.

Volver

Suggestions: Es un objeto Suggestions vacío.

`newSuggestionsResponseBuilder()`

Crea una SuggestionsResponseBuilder nueva.

Volver

SuggestionsResponseBuilder: Es un compilador de SuggestionsResponse vacío.

`newSwitch()`

Crea una Switch nueva.

Volver

Switch: Es un Switch vacío.

`newTextButton()`

Crea una TextButton nueva.

Volver

TextButton: Un TextButton vacío.

`newTextInput()`

Crea una TextInput nueva.

Volver

TextInput: Un TextInput vacío.

`newTextParagraph()`

Crea una TextParagraph nueva.

Volver

TextParagraph: Un TextParagraph vacío.

`newTimePicker()`

Crea una TimePicker nueva.

Volver

TimePicker: Un TimePicker vacío.

`newTrigger()`

Crea y devuelve un nuevo Trigger que se usa para la validación del cliente.

Volver

Trigger: Es un Trigger vacío.

`newUniversalActionResponseBuilder()`

Crea una UniversalActionResponseBuilder nueva.

Volver

UniversalActionResponseBuilder: Un compilador de UniversalActionResponse vacío.

`newUpdateDraftActionResponseBuilder()`

Crea una UpdateDraftActionResponseBuilder nueva.

Volver

UpdateDraftActionResponseBuilder: Es un UpdateDraftActionResponseBuilder vacío.

`newUpdateDraftBccRecipientsAction()`

Crea un UpdateDraftBccRecipientsAction nuevo.

Volver

UpdateDraftBccRecipientsAction: Es un objeto UpdateDraftBccRecipientsAction vacío.

`newUpdateDraftBodyAction()`

Crea una UpdateDraftBodyAction nueva.

Volver

UpdateDraftBodyAction: Es un UpdateDraftBodyAction vacío.

`newUpdateDraftCcRecipientsAction()`

Crea una UpdateDraftCcRecipientsAction nueva.

Volver

UpdateDraftCcRecipientsAction: Es un Empty UpdateDraftCcRecipientsAction.

`newUpdateDraftSubjectAction()`

Crea una UpdateDraftSubjectAction nueva.

Volver

UpdateDraftSubjectAction: Es un UpdateDraftSubjectAction vacío.

`newUpdateDraftToRecipientsAction()`

Crea una UpdateDraftToRecipientsAction nueva.

Volver

UpdateDraftToRecipientsAction: Es un UpdateDraftToRecipientsAction vacío.

`newUpdateVisibilityAction()`

Crea una UpdateVisibilityAction nueva.

Volver

UpdateVisibilityAction: Es un UpdateVisibilityAction vacío.

`newValidation()`

Crea una Validation nueva.

Está disponible para las apps de Google Chat y los complementos de Google Workspace.

const validation =
    CardService.newValidation().setCharacterLimit(5).setInputType(
        CardService.InputType.EMAIL);

Volver

Validation: Es una validación vacía.

`newWorkflowDataSource()`

Crea una WorkflowDataSource nueva.

Volver

WorkflowDataSource: Es un WorkflowDataSource vacío.

Class CardService Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Propiedades

Métodos

Documentación detallada

newAction()

Volver

newActionResponseBuilder()

Volver

newActionStatus()

Volver

newAttachment()

Volver

newAuthorizationAction()

Volver

newAuthorizationException()

Volver

newBorderStyle()

Volver

newButtonSet()

Volver

newCalendarEventActionResponseBuilder()

Volver

newCardAction()

Volver

newCardBuilder()

Volver

newCardHeader()

Volver

newCardSection()

Volver

newCardWithId()

Volver

newCarousel()

Volver

newCarouselCard()

Volver

newChatActionResponse()

Volver

newChatResponseBuilder()

Volver

newChip()

Volver

newChipList()

Volver

newCollapseControl()

Volver

newColumn()

Volver

newColumns()

Volver

newCommonWidgetAction()

Volver

newComposeActionResponseBuilder()

Volver

newCondition()

Volver

newDataSourceConfig()

Volver

newDatePicker()

Volver

newDateTimePicker()

Volver

newDecoratedText()

Volver

newDialog()

Volver

newDialogAction()

Volver

newDivider()

Volver

newDriveDataSourceSpec()

Volver

newDriveItemsSelectedActionResponseBuilder()

Volver

newEditorFileScopeActionResponseBuilder()

Volver

newEventAction()

Volver

newExpressionData()

Volver

Class CardService

`newAction()`

`newActionResponseBuilder()`

`newActionStatus()`

`newAttachment()`

`newAuthorizationAction()`

`newAuthorizationException()`

`newBorderStyle()`

`newButtonSet()`

`newCalendarEventActionResponseBuilder()`

`newCardAction()`

`newCardBuilder()`

`newCardHeader()`

`newCardSection()`

`newCardWithId()`

`newCarousel()`

`newCarouselCard()`

`newChatActionResponse()`

`newChatResponseBuilder()`

`newChip()`

`newChipList()`

`newCollapseControl()`

`newColumn()`

`newColumns()`

`newCommonWidgetAction()`

`newComposeActionResponseBuilder()`

`newCondition()`

`newDataSourceConfig()`

`newDatePicker()`

`newDateTimePicker()`

`newDecoratedText()`

`newDialog()`

`newDialogAction()`

`newDivider()`

`newDriveDataSourceSpec()`

`newDriveItemsSelectedActionResponseBuilder()`

`newEditorFileScopeActionResponseBuilder()`

`newEventAction()`

`newExpressionData()`

`newExpressionDataAction()`

`newExpressionDataCondition()`

`newFixedFooter()`

`newGrid()`

`newGridItem()`

`newHostAppDataSource()`

`newIconImage()`

`newImage()`

`newImageButton()`

`newImageComponent()`

`newImageCropStyle()`

`newKeyValue()`

`newLinkPreview()`

`newMaterialIcon()`

`newNavigation()`

`newNotification()`

`newOpenLink()`

`newOverflowMenu()`

`newOverflowMenuItem()`

`newPlatformDataSource()`

`newSelectionInput()`

`newSuggestions()`

`newSuggestionsResponseBuilder()`

`newSwitch()`

`newTextButton()`

`newTextInput()`

`newTextParagraph()`

`newTimePicker()`

`newTrigger()`

`newUniversalActionResponseBuilder()`

`newUpdateDraftActionResponseBuilder()`

`newUpdateDraftBccRecipientsAction()`

`newUpdateDraftBodyAction()`

`newUpdateDraftCcRecipientsAction()`

`newUpdateDraftSubjectAction()`