Class TextButton

TextButton

Eine TextButton mit einem Textlabel. Du kannst die Hintergrundfarbe festlegen und die Schaltfläche bei Bedarf deaktivieren.

Verfügbar für Google Workspace-Add-ons und Google Chat-Apps.

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

Methoden

MethodeRückgabetypKurzbeschreibung
setAltText(altText)TextButtonLegt den alternativen Text der Schaltfläche für die Barrierefreiheit fest.
setAuthorizationAction(action)TextButtonLegt eine Autorisierungsaktion fest, durch die beim Anklicken des Objekts eine URL zum Autorisierungsablauf geöffnet wird.
setBackgroundColor(backgroundColor)TextButtonLegt die Hintergrundfarbe der Schaltfläche „TextButtonStyle.FILLED“ fest.
setComposeAction(action, composedEmailType)TextButtonHier legen Sie eine Aktion fest, durch die ein E-Mail-Entwurf erstellt wird, wenn auf das Objekt geklickt wird.
setDisabled(disabled)TextButtonLegt fest, ob die Schaltfläche deaktiviert ist.
setIcon(icon)TextButtonLegt fest, dass eine vordefinierte Icon auf der Schaltfläche angezeigt wird.
setIconUrl(url)TextButtonHier wird die URL eines Bildes festgelegt, das als Symbol für diese Schaltfläche verwendet werden soll.
setMaterialIcon(icon)TextButtonHiermit wird das Material Design-Symbol festgelegt.
setOnClickAction(action)TextButtonHier legen Sie eine Aktion fest, die ausgeführt wird, wenn auf das Objekt geklickt wird.
setOnClickOpenLinkAction(action)TextButtonHiermit wird eine Aktion festgelegt, durch die eine URL in einem Tab geöffnet wird, wenn auf das Objekt geklickt wird.
setOpenLink(openLink)TextButtonHiermit wird eine URL festgelegt, die geöffnet werden soll, wenn auf das Objekt geklickt wird.
setOverflowMenu(menu)TextButtonHiermit wird ein Pop-up-Menü festgelegt, das geöffnet wird, wenn auf das Objekt geklickt wird.
setText(text)TextButtonHier legen Sie den Text fest, der auf der Schaltfläche angezeigt wird.
setTextButtonStyle(textButtonStyle)TextButtonHier legen Sie den Schaltflächenstil fest.

Detaillierte Dokumentation

setAltText(altText)

Hiermit wird der alternative Text der Schaltfläche für die Barrierefreiheit festgelegt. Wenn nicht festgelegt, wird standardmäßig der Text verwendet, der auf der Schaltfläche angezeigt wird.

Parameter

NameTypBeschreibung
altTextStringDer alternative Text, der dieser Schaltfläche zugewiesen werden soll.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setAuthorizationAction(action)

Legt eine Autorisierungsaktion fest, durch die beim Anklicken des Objekts eine URL zum Autorisierungsablauf geöffnet wird. Dadurch wird die URL in einem neuen Fenster geöffnet. Wenn der Nutzer den Autorisierungsvorgang abgeschlossen hat und zur Anwendung zurückkehrt, wird das Add-on neu geladen.

Für ein UI-Objekt kann nur einer der folgenden Werte festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

// ...

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

Parameter

NameTypBeschreibung
actionAuthorizationActionDas Objekt, das die Autorisierungsaktion angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

TextButton: Dieses Objekt zur Verkettung.


setBackgroundColor(backgroundColor)

Hier legen Sie die Hintergrundfarbe der Schaltfläche TextButtonStyle.FILLED fest. Wenn für eine TextButtonStyle.FILLED-Schaltfläche keine Farbe festgelegt ist, wird die im manifest des Add-ons definierte sekundäre Farbe verwendet. Diese Methode ist für TextButtonStyle.OUTLINED-Schaltflächen nicht relevant.

Parameter

NameTypBeschreibung
backgroundColorStringDie Farbe im #rgb-Format.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setComposeAction(action, composedEmailType)

Hier legen Sie eine Aktion fest, durch die ein E-Mail-Entwurf erstellt wird, wenn auf das Objekt geklickt wird. Für ein UI-Objekt kann nur einer der folgenden Werte festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

Der Parameter Action muss eine Callback-Funktion angeben, die ein mit ComposeActionResponseBuilder.setGmailDraft(draft) konfiguriertes ComposeActionResponse-Objekt zurückgibt.

// ...

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

// ...

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

Parameter

NameTypBeschreibung
actionActionDas Objekt, das die Aktion angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.
composedEmailTypeComposedEmailTypeEin Enum-Wert, der angibt, ob der verfasste Entwurf ein eigenständiger Entwurf oder ein Antwortentwurf ist.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setDisabled(disabled)

Legt fest, ob die Schaltfläche deaktiviert ist. Eine deaktivierte Schaltfläche ist ausgegraut und kann nicht angeklickt werden.

Parameter

NameTypBeschreibung
disabledBooleanDer deaktivierte Status.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setIcon(icon)

Hiermit wird eine vordefinierte Icon festgelegt, die auf der Schaltfläche angezeigt wird. Entweder dieses oder setIconUrl(url) muss verwendet werden, um das Schaltflächenbild zu definieren.

Parameter

NameTypBeschreibung
iconIconEiner der vordefinierten Icon-Werte.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setIconUrl(url)

Legt die URL eines Bilds fest, das als Symbol dieser Schaltfläche verwendet werden soll. Zum Definieren des Schaltflächenbilds muss entweder dies oder setIcon(icon) verwendet werden.

Parameter

NameTypBeschreibung
urlStringDie URL eines gehosteten Bildes, das als Symbol für diese Schaltfläche verwendet werden soll.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setMaterialIcon(icon)

Hiermit wird das Material Design-Symbol festgelegt.

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

Parameter

NameTypBeschreibung
iconMaterialIconDas Symbol für Material Design.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setOnClickAction(action)

Hier legen Sie eine Aktion fest, die ausgeführt wird, wenn auf das Objekt geklickt wird. Für ein UI-Objekt kann nur einer der folgenden Werte festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

Der Parameter Action muss eine Callback-Funktion angeben, die ein ActionResponse-Objekt zurückgibt.

// ...

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();
}

Parameter

NameTypBeschreibung
actionActionDie Aktion, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setOnClickOpenLinkAction(action)

Hiermit wird eine Aktion festgelegt, durch die eine URL in einem Tab geöffnet wird, wenn auf das Objekt geklickt wird. Verwenden Sie diese Funktion, wenn die URL erstellt werden muss oder Sie zusätzlich zum Erstellen des OpenLink-Objekts noch andere Aktionen ausführen müssen. Für ein UI-Objekt kann nur einer der folgenden Werte festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

Der Parameter Action muss eine Callback-Funktion angeben, die ein mit ActionResponseBuilder.setOpenLink(openLink) konfiguriertes ActionResponse-Objekt zurückgibt.

// ...

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();
}

Parameter

NameTypBeschreibung
actionActionDas Objekt, das die Aktion zum Öffnen eines Links angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

TextButton – dieses Objekt, zur Verkettung


Hiermit wird eine URL festgelegt, die geöffnet werden soll, wenn auf das Objekt geklickt wird. Verwenden Sie diese Funktion, wenn die URL bereits bekannt ist und nur geöffnet werden muss. Für ein UI-Objekt kann nur einer der folgenden Werte festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

Parameter

NameTypBeschreibung
openLinkOpenLinkEin OpenLink-Objekt, das die zu öffnende URL beschreibt.

Rückflug

TextButton: Dieses Objekt zur Verkettung.


setOverflowMenu(menu)

Hiermit wird ein Pop-up-Menü festgelegt, das geöffnet wird, wenn auf das Objekt geklickt wird. Für jeden Menüpunkt kann eine Aktion festgelegt werden, die ausgelöst wird, wenn darauf geklickt wird. Verschachtelte Menüs werden nicht unterstützt. Aktionen für Menüpunkte dürfen kein Dreipunkt-Menü angeben.

Nur für Google Chat-Apps verfügbar. Nicht verfügbar für Google Workspace-Add-ons.

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();

Parameter

NameTypBeschreibung
menuOverflowMenuDas Objekt, das das Dreipunkt-Menü angibt, das angezeigt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setText(text)

Hier legen Sie den Text fest, der auf der Schaltfläche angezeigt wird.

Parameter

NameTypBeschreibung
textStringDer auf der Schaltfläche angezeigte Text.

Rückflug

TextButton – dieses Objekt, zur Verkettung


setTextButtonStyle(textButtonStyle)

Hier legen Sie den Schaltflächenstil fest. Wenn nicht festgelegt, wird standardmäßig die Taste TextButtonStyle.OUTLINED verwendet.

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

Parameter

NameTypBeschreibung
textButtonStyleTextButtonStyleDer Stil der Schaltfläche.

Rückflug

TextButton – dieses Objekt, zur Verkettung