Class ImageButton

ImageButton

Ein ImageButton mit einem Bild darauf.

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

const imageButton =
    CardService.newImageButton()
        .setAltText('An image button with an airplane icon.')
        .setIcon(CardService.Icon.AIRPLANE)
        .setOpenLink(CardService.newOpenLink().setUrl('https://airplane.com'));

Methoden

Methode	Rückgabetyp	Kurzbeschreibung
setAltText(altText)	ImageButton	Legt den Alternativtext des Buttons für die Barrierefreiheit fest.
setAuthorizationAction(action)	ImageButton	Legt eine Autorisierungsaktion fest, die beim Klicken auf das Objekt eine URL für den Autorisierungsablauf öffnet.
setComposeAction(action, composedEmailType)	ImageButton	Legt eine Aktion fest, mit der beim Klicken auf das Objekt eine E‑Mail-Nachricht erstellt wird.
setIcon(icon)	ImageButton	Legt ein vordefiniertes Icon fest, das auf der Schaltfläche angezeigt werden soll.
setIconUrl(url)	ImageButton	Legt die URL eines Bildes fest, das als Symbol für diese Schaltfläche verwendet werden soll.
setImageButtonStyle(imageButtonStyle)	ImageButton	Legt den Stil der Schaltfläche fest.
setMaterialIcon(icon)	ImageButton	Legt das Material Design-Symbol fest.
setOnClickAction(action)	ImageButton	Legt eine Aktion fest, die ausgeführt wird, wenn auf das Objekt geklickt wird.
setOnClickOpenLinkAction(action)	ImageButton	Legt eine Aktion fest, mit der beim Klicken auf das Objekt eine URL auf einem Tab geöffnet wird.
setOpenLink(openLink)	ImageButton	Legt eine URL fest, die geöffnet werden soll, wenn auf das Objekt geklickt wird.
setOverflowMenu(menu)	ImageButton	Legt fest, dass beim Klicken auf das Objekt ein Pop‑up-Menü geöffnet wird.

Detaillierte Dokumentation

setAltText(altText)

Legt den Alternativtext des Buttons für die Barrierefreiheit fest. Erforderlich.

Parameter

Name	Typ	Beschreibung
altText	String	Der alternative Text, der dieser Schaltfläche zugewiesen werden soll.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setAuthorizationAction(action)

Legt eine Autorisierungsaktion fest, die beim Klicken auf das Objekt eine URL für den Autorisierungsablauf öffnet. 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 eines der Attribute setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType) festgelegt werden.

// ...

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

Parameter

Name	Typ	Beschreibung
action	AuthorizationAction	Das Objekt, das die Autorisierungsaktion angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setComposeAction(action, composedEmailType)

Legt eine Aktion fest, mit der beim Klicken auf das Objekt eine E‑Mail-Nachricht erstellt wird. Für ein UI-Objekt kann nur eines der Attribute setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType) festgelegt werden.

Mit dem Parameter Action muss eine Callback-Funktion angegeben werden, die ein mit ComposeActionResponseBuilder.setGmailDraft(draft) konfiguriertes ComposeActionResponse-Objekt zurückgibt.

Hinweis: Mit dieser Methode wird keine Compose-Aktion festgelegt, die zum Erweitern der Compose-Benutzeroberfläche verwendet wird. Stattdessen wird dieses UI-Element mit einem Action verbunden, das Entwurfsnachrichten in Apps Script verfasst, die nach Abschluss der Aktion in Gmail geöffnet werden.

// ...

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

Parameter

Name	Typ	Beschreibung
action	Action	Das Objekt, das die Compose-Aktion angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.
composedEmailType	ComposedEmailType	Ein Enum-Wert, der angibt, ob der zusammengesetzte Entwurf ein eigenständiger Entwurf oder ein Antwortentwurf ist.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setIcon(icon)

Legt ein vordefiniertes Icon fest, das auf der Schaltfläche angezeigt werden soll. Entweder muss dies oder setIconUrl(url) verwendet werden, um das Schaltflächenbild zu definieren.

Parameter

Name	Typ	Beschreibung
icon	Icon	Einer der vordefinierten Icon-Werte.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setIconUrl(url)

Legt die URL eines Bildes fest, das als Symbol für diese Schaltfläche verwendet werden soll. Entweder diese oder setIcon(icon) muss verwendet werden, um das Schaltflächenbild zu definieren.

Parameter

Name	Typ	Beschreibung
url	String	Die URL-Adresse eines gehosteten Bildes, das als Symbol für diese Schaltfläche verwendet werden soll.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setImageButtonStyle(imageButtonStyle)

Legt den Stil der Schaltfläche fest. Wenn nicht festgelegt, wird standardmäßig die Schaltfläche ImageButtonStyle.BORDERLESS verwendet.

Für Google Chat-Apps verfügbar. In der Entwicklervorschau für Google Workspace-Add‑ons.

Entwicklervorschau:Im Rahmen des Google Workspace Developer Preview Program verfügbar, das Vorabzugriff auf bestimmte Funktionen bietet.

const imageButton = CardService.newImageButton().setImageButtonStyle(
    CardService.ImageButtonStyle.BORDERLESS,
);

Parameter

Name	Typ	Beschreibung
imageButtonStyle	ImageButtonStyle	Der Stil des Buttons.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setMaterialIcon(icon)

Legt das Material Design-Symbol fest.

const imageButton = CardService.newImageButton().setMaterialIcon(
    CardService.newMaterialIcon().setName('search'),
);

Parameter

Name	Typ	Beschreibung
icon	MaterialIcon	Das Material Design-Symbol.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setOnClickAction(action)

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

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

Name	Typ	Beschreibung
action	Action	Die Aktion, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setOnClickOpenLinkAction(action)

Legt eine Aktion fest, mit der beim Klicken auf das Objekt eine URL auf einem Tab geöffnet wird. Verwenden Sie diese Funktion, wenn die URL erstellt werden muss oder wenn Sie zusätzlich zum Erstellen des OpenLink-Objekts weitere Aktionen ausführen müssen. Für ein UI-Objekt kann nur eines der Attribute setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType) festgelegt werden.

Mit dem Parameter Action muss eine Callback-Funktion angegeben werden, 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

Name	Typ	Beschreibung
action	Action	Das Objekt, das die Aktion zum Öffnen des Links angibt, die ausgeführt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setOpenLink(openLink)

Legt eine URL fest, 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 eines der folgenden Attribute festgelegt werden: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) oder setComposeAction(action, composedEmailType).

Parameter

Name	Typ	Beschreibung
openLink	OpenLink	Ein OpenLink-Objekt, das die zu öffnende URL beschreibt.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.

---

setOverflowMenu(menu)

Legt fest, dass beim Klicken auf das Objekt ein Pop‑up-Menü geöffnet wird. Für jedes Element im Menü kann eine Aktion angegeben werden, die beim Klicken ausgelöst werden soll. Verschachtelte Menüs werden nicht unterstützt. Aktionen für Menüpunkte dürfen kein Dreipunkt-Menü angeben.

Für Google Chat-Apps verfügbar. In der Entwicklervorschau für Google Workspace-Add‑ons.

Entwicklervorschau:Im Rahmen des Google Workspace Developer Preview Program verfügbar, das Vorabzugriff auf bestimmte Funktionen bietet.

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

Name	Typ	Beschreibung
menu	OverflowMenu	Das Objekt, das das Überlaufmenü angibt, das angezeigt werden soll, wenn auf dieses Element geklickt wird.

Rückflug

ImageButton – Dieses Objekt zur Verkettung.