Class TextButton

TextButton

Un TextButton con una etiqueta de texto. Puedes establecer el color de fondo y desactivar el botón cuando sea necesario.

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

const textButton = CardService.newTextButton()
                       .setText('Open Link')
                       .setOpenLink(CardService.newOpenLink().setUrl(
                           'https://www.google.com'));

Métodos

MétodoTipo de datos que se devuelveDescripción breve
setAltText(altText)TextButtonEstablece el texto alternativo del botón para la accesibilidad.
setAuthorizationAction(action)TextButtonEstablece una acción de autorización que abre una URL al flujo de autorización cuando se hace clic en el objeto.
setBackgroundColor(backgroundColor)TextButtonEstablece el color de fondo del botón TextButtonStyle.FILLED.
setComposeAction(action, composedEmailType)TextButtonEstablece una acción que redacta un borrador de correo electrónico cuando se hace clic en el objeto.
setDisabled(disabled)TextButtonEstablece si el botón está inhabilitado.
setIcon(icon)TextButtonEstablece un Icon predefinido para mostrar en el botón.
setIconUrl(url)TextButtonEstablece la URL de una imagen para usarla como ícono de este botón.
setMaterialIcon(icon)TextButtonEstablece el ícono de Material Design.
setOnClickAction(action)TextButtonEstablece una acción que se ejecuta cuando se hace clic en el objeto.
setOnClickOpenLinkAction(action)TextButtonEstablece una acción que abre una URL en una pestaña cuando se hace clic en el objeto.
setOpenLink(openLink)TextButtonEstablece una URL que se abrirá cuando se haga clic en el objeto.
setOverflowMenu(menu)TextButtonEstablece un menú emergente para que se abra cuando se haga clic en el objeto.
setText(text)TextButtonEstablece el texto que se muestra en el botón.
setTextButtonStyle(textButtonStyle)TextButtonEstablece el estilo del botón.

Documentación detallada

setAltText(altText)

Establece el texto alternativo del botón para la accesibilidad. Si no se configura, se establece de forma predeterminada el texto que se muestra en el botón.

Parámetros

NombreTipoDescripción
altTextStringEs el texto alternativo que se asignará a este botón.

Volver

TextButton: Este objeto, para encadenar.


setAuthorizationAction(action)

Establece una acción de autorización que abre una URL al flujo de autorización cuando se hace clic en el objeto. Esto abrirá la URL en una ventana nueva. Cuando el usuario finaliza el flujo de autorización y regresa a la aplicación, se vuelve a cargar el complemento.

Un objeto de IU solo puede tener establecido uno de los siguientes valores: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

// ...

const action = CardService.newAuthorizationAction().setAuthorizationUrl('url');
CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);

Parámetros

NombreTipoDescripción
actionAuthorizationActionObjeto que especifica la acción de autorización que se debe realizar cuando se hace clic en este elemento.

Volver

TextButton: Este objeto, para encadenar.


setBackgroundColor(backgroundColor)

Establece el color de fondo del botón TextButtonStyle.FILLED. Si no se configura para un botón TextButtonStyle.FILLED, el botón usa el color secundario definido en el manifiesto del complemento. Este método no realiza ninguna operación para los botones TextButtonStyle.OUTLINED.

Parámetros

NombreTipoDescripción
backgroundColorStringColor en formato #rgb.

Volver

TextButton: Este objeto, para encadenar.


setComposeAction(action, composedEmailType)

Establece una acción que redacta un borrador de correo electrónico cuando se hace clic en el objeto. Un objeto de la IU solo puede tener establecido uno de los valores setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto ComposeActionResponse configurado con ComposeActionResponseBuilder.setGmailDraft(draft).

// ...

const action = CardService.newAction().setFunctionName('composeEmailCallback');
CardService.newTextButton()
    .setText('Compose Email')
    .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT);

// ...

function composeEmailCallback(e) {
  const thread = GmailApp.getThreadById(e.threadId);
  const draft = thread.createDraftReply('This is a reply');
  return CardService.newComposeActionResponseBuilder()
      .setGmailDraft(draft)
      .build();
}

Parámetros

NombreTipoDescripción
actionActionObjeto que especifica la acción de composición que se debe realizar cuando se hace clic en este elemento.
composedEmailTypeComposedEmailTypeEs un valor de enumeración que especifica si el borrador compuesto es un borrador independiente o de respuesta.

Volver

TextButton: Este objeto, para encadenar.


setDisabled(disabled)

Establece si el botón está inhabilitado. Un botón inhabilitado aparece en gris y no se puede hacer clic en él.

Parámetros

NombreTipoDescripción
disabledBooleanEs el estado inhabilitado.

Volver

TextButton: Este objeto, para encadenar.


setIcon(icon)

Establece un Icon predefinido para mostrar en el botón. Se debe usar este parámetro o setIconUrl(url) para definir la imagen del botón.

Parámetros

NombreTipoDescripción
iconIconUno de los valores de Icon predefinidos.

Volver

TextButton: Este objeto, para encadenar.


setIconUrl(url)

Establece la URL de una imagen para usarla como ícono de este botón. Se debe usar este parámetro o setIcon(icon) para definir la imagen del botón.

Parámetros

NombreTipoDescripción
urlStringEs la dirección URL de una imagen alojada que se usará como ícono de este botón.

Volver

TextButton: Este objeto, para encadenar.


setMaterialIcon(icon)

Establece el ícono de Material Design.

const textButton = CardService.newTextButton().setMaterialIcon(
    CardService.newMaterialIcon().setName('search'),
);

Parámetros

NombreTipoDescripción
iconMaterialIconEs el ícono de Material Design.

Volver

TextButton: Este objeto, para encadenar.


setOnClickAction(action)

Establece una acción que se ejecuta cuando se hace clic en el objeto. Un objeto de IU solo puede tener establecido uno de los siguientes valores: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto ActionResponse.

// ...

const action = CardService.newAction().setFunctionName('notificationCallback');
CardService.newTextButton()
    .setText('Create notification')
    .setOnClickAction(action);

// ...

function notificationCallback() {
  return CardService.newActionResponseBuilder()
      .setNotification(
          CardService.newNotification().setText('Some info to display to user'),
          )
      .build();
}

Parámetros

NombreTipoDescripción
actionActionEs la acción que se debe realizar cuando se hace clic en este elemento.

Volver

TextButton: Este objeto, para encadenar.


setOnClickOpenLinkAction(action)

Establece una acción que abre una URL en una pestaña cuando se hace clic en el objeto. Usa esta función cuando se deba compilar la URL o cuando necesites realizar otras acciones además de crear el objeto OpenLink. Un objeto de IU solo puede tener establecido uno de los siguientes valores: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto ActionResponse configurado con ActionResponseBuilder.setOpenLink(openLink).

// ...

const action = CardService.newAction().setFunctionName('openLinkCallback');
CardService.newTextButton()
    .setText('Open Link')
    .setOnClickOpenLinkAction(action);

// ...

function openLinkCallback() {
  return CardService.newActionResponseBuilder()
      .setOpenLink(CardService.newOpenLink().setUrl('https://www.google.com'))
      .build();
}

Parámetros

NombreTipoDescripción
actionActionObjeto que especifica la acción de abrir el vínculo que se debe realizar cuando se hace clic en este elemento.

Volver

TextButton: Este objeto, para encadenar.


Establece una URL que se abrirá cuando se haga clic en el objeto. Usa esta función cuando la URL ya se conoce y solo se necesita abrir. Un objeto de la IU solo puede tener establecido uno de los siguientes atributos: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

Parámetros

NombreTipoDescripción
openLinkOpenLinkEs un objeto OpenLink que describe la URL que se abrirá.

Volver

TextButton: Este objeto, para encadenar.


setOverflowMenu(menu)

Establece un menú emergente para que se abra cuando se haga clic en el objeto. Cada elemento del menú puede especificar una acción que se activará cuando se haga clic en él. No se admiten los menús anidados, y las acciones para los elementos de menú no deben especificar un menú ampliado.

Disponible para las apps de Google Chat. 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'));

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

Parámetros

NombreTipoDescripción
menuOverflowMenuObjeto que especifica el menú de desbordamiento que se mostrará cuando se haga clic en este elemento.

Volver

TextButton: Este objeto, para encadenar.


setText(text)

Establece el texto que se muestra en el botón.

Parámetros

NombreTipoDescripción
textStringEs el texto que aparece en el botón.

Volver

TextButton: Este objeto, para encadenar.


setTextButtonStyle(textButtonStyle)

Establece el estilo del botón. Si no se configura, el botón predeterminado es TextButtonStyle.OUTLINED.

const button =
    CardService.newTextButton()
        .setText('Filled')
        .setTextButtonStyle(CardService.TextButtonStyle.FILLED)
        .setOpenLink(CardService.newOpenLink().setUrl('www.google.com'));

Parámetros

NombreTipoDescripción
textButtonStyleTextButtonStyleEs el estilo del botón.

Volver

TextButton: Este objeto, para encadenar.