Class ImageButton

ImageButton

ImageButton dengan gambar yang ditampilkan di dalamnya.

Tersedia untuk add-on Google Workspace dan aplikasi Google Chat.

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

Metode

Metode	Jenis nilai yang ditampilkan	Deskripsi singkat
setAltText(altText)	ImageButton	Menetapkan teks alternatif tombol untuk aksesibilitas.
setAuthorizationAction(action)	ImageButton	Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik.
setComposeAction(action, composedEmailType)	ImageButton	Menetapkan tindakan yang menyusun email draf saat objek diklik.
setIcon(icon)	ImageButton	Menetapkan Icon yang telah ditentukan sebelumnya untuk ditampilkan pada tombol.
setIconUrl(url)	ImageButton	Menetapkan URL gambar yang akan digunakan sebagai ikon tombol ini.
setImageButtonStyle(imageButtonStyle)	ImageButton	Menetapkan gaya tombol.
setMaterialIcon(icon)	ImageButton	Menetapkan ikon desain material.
setOnClickAction(action)	ImageButton	Menetapkan tindakan yang dijalankan saat objek diklik.
setOnClickOpenLinkAction(action)	ImageButton	Menetapkan tindakan yang membuka URL di tab saat objek diklik.
setOpenLink(openLink)	ImageButton	Menetapkan URL yang akan dibuka saat objek diklik.
setOverflowMenu(menu)	ImageButton	Menetapkan menu pop-up yang akan dibuka saat objek diklik.

Dokumentasi mendetail

setAltText(altText)

Menetapkan teks alternatif tombol untuk aksesibilitas. Wajib.

Parameter

Nama	Jenis	Deskripsi
altText	String	Teks alternatif yang akan ditetapkan ke tombol ini.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setAuthorizationAction(action)

Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik. Tindakan ini akan membuka URL di jendela baru. Saat pengguna menyelesaikan alur otorisasi dan kembali ke aplikasi, add-on akan dimuat ulang.

Objek UI hanya dapat memiliki satu set setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType).

// ...

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

Parameter

Nama	Jenis	Deskripsi
action	AuthorizationAction	Objek yang menentukan tindakan otorisasi yang akan diambil saat elemen ini diklik.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setComposeAction(action, composedEmailType)

Menetapkan tindakan yang menyusun email draf saat objek diklik. Objek UI hanya dapat memiliki satu setelan setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType).

Parameter Action harus menentukan fungsi callback yang menampilkan objek ComposeActionResponse yang dikonfigurasi menggunakan ComposeActionResponseBuilder.setGmailDraft(draft).

Catatan: Metode ini tidak menetapkan tindakan compose yang digunakan untuk memperluas UI compose. Sebaliknya, metode ini menghubungkan elemen UI ini ke Action yang membuat pesan draf di Apps Script yang dibuka di Gmail saat tindakan selesai.

// ...

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

Nama	Jenis	Deskripsi
action	Action	Objek yang menentukan tindakan compose yang akan diambil saat elemen ini diklik.
composedEmailType	ComposedEmailType	Nilai enum yang menentukan apakah draf yang disusun adalah draf mandiri atau draf balasan.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setIcon(icon)

Menetapkan Icon yang telah ditentukan sebelumnya untuk ditampilkan pada tombol. Salah satu dari opsi ini atau setIconUrl(url) harus digunakan untuk menentukan gambar tombol.

Parameter

Nama	Jenis	Deskripsi
icon	Icon	Salah satu nilai Icon standar.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setIconUrl(url)

Menetapkan URL gambar yang akan digunakan sebagai ikon tombol ini. Salah satu dari setIcon(icon) atau harus digunakan untuk menentukan gambar tombol.

Parameter

Nama	Jenis	Deskripsi
url	String	Alamat URL gambar yang dihosting untuk digunakan sebagai ikon tombol ini.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setImageButtonStyle(imageButtonStyle)

Menetapkan gaya tombol. Jika tidak disetel, defaultnya adalah tombol ImageButtonStyle.BORDERLESS.

Tersedia untuk aplikasi Google Chat. Dalam pratinjau developer untuk add-on Google Workspace.

Pratinjau Developer: Tersedia sebagai bagian dari Program Pratinjau Developer Google Workspace, yang memberikan akses awal ke fitur tertentu.

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

Parameter

Nama	Jenis	Deskripsi
imageButtonStyle	ImageButtonStyle	Gaya tombol.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setMaterialIcon(icon)

Menetapkan ikon desain material.

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

Parameter

Nama	Jenis	Deskripsi
icon	MaterialIcon	Ikon desain material.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setOnClickAction(action)

Menetapkan tindakan yang dijalankan saat objek diklik. Objek UI hanya dapat memiliki satu set setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType).

Parameter Action harus menentukan fungsi callback yang menampilkan objek 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();
}

Parameter

Nama	Jenis	Deskripsi
action	Action	Tindakan yang harus diambil saat elemen ini diklik.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setOnClickOpenLinkAction(action)

Menetapkan tindakan yang membuka URL di tab saat objek diklik. Gunakan fungsi ini saat URL perlu dibuat atau saat Anda perlu melakukan tindakan lain selain membuat objek OpenLink. Objek UI hanya dapat memiliki satu set setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType).

Parameter Action harus menentukan fungsi callback yang menampilkan objek ActionResponse yang dikonfigurasi menggunakan 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();
}

Parameter

Nama	Jenis	Deskripsi
action	Action	Objek yang menentukan tindakan buka link yang akan diambil saat elemen ini diklik.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setOpenLink(openLink)

Menetapkan URL yang akan dibuka saat objek diklik. Gunakan fungsi ini saat URL sudah diketahui dan hanya perlu dibuka. Objek UI hanya dapat memiliki satu set setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType).

Parameter

Nama	Jenis	Deskripsi
openLink	OpenLink	Objek OpenLink yang menjelaskan URL yang akan dibuka.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.

---

setOverflowMenu(menu)

Menetapkan menu pop-up yang akan dibuka saat objek diklik. Setiap item dalam menu dapat menentukan tindakan yang akan dipicu saat diklik. Menu bertingkat tidak didukung, tindakan untuk item menu tidak boleh menentukan menu tambahan.

Tersedia untuk aplikasi Google Chat. Dalam pratinjau developer untuk add-on Google Workspace.

Pratinjau Developer: Tersedia sebagai bagian dari Program Pratinjau Developer Google Workspace, yang memberikan akses awal ke fitur tertentu.

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

Nama	Jenis	Deskripsi
menu	OverflowMenu	Objek yang menentukan menu tambahan yang akan ditampilkan saat elemen ini diklik.

Pulang pergi

ImageButton — Objek ini, untuk dirangkaikan.