TapTalk.io Documentation
  • Introduction
  • OneTalk Omnichannel Documentation
    • Getting Started with OneTalk
      • Team Members
      • Add Topic
      • Assign Agent to Topic
      • Paid Proactive Chat
    • Channel Integration
      • Telegram Integration
      • WhatsApp SME Integration
      • Instagram DM Integration
      • Facebook Messenger Integration
      • Live Chat Integration (iOS, Android, Web)
        • OneTalk Live Chat for Android
          • Get Started
          • Event Listener
          • Authentication
          • Case & Topic
          • Navigate Live Chat UI
          • Customize UI Appearance
        • OneTalk Live Chat for iOS
          • Get Started
          • Background Process in TapTalk.io Omnichannel iOS
          • Event Delegate
          • Authentication
          • Case & Topic
          • Navigate Live Chat UI
          • Customize UI Appearance
        • OneTalk Live Chat for Web
          • Get Started
          • Callback
          • Method
        • OneTalk Live Chat for React Native
          • Get Started - Android
          • Authentication - Android
          • Get Started - iOS
          • Authentication - iOS
        • OneTalk Live Chat for Flutter
          • Get Started - Android
          • Get Started - iOS
      • Google Business Messages Integration
      • Google Business Profile Integration
      • Tokopedia Integration
    • Integration API
      • Inbox API
      • User/Contact API
    • Live Chat Widget Callback Function
    • Social Channel Button
    • Custom Chatbot Integration
      • Get Started
      • Edit or Delete Chatbot
      • Development
    • QnA via API
    • Webhook
  • PowerTalk Chat SDK Documentation
    • Getting Started with PowerTalk
    • PowerTalk Android
      • Get Started
      • Enable Chat Features
      • Authentication
      • TapUI and TapCore
      • Background Process in TapTalk.io
      • Connection
      • Event Listener
      • Push Notification
      • General
      • User
      • Room List
        • Room List - TapUI
        • Room List - TapCore
      • Chat Room and Messages
        • Chat Room and Messages - TapUI
        • Chat Room and Messages - TapCore
      • Contact
      • Message Type
      • Customize UI Appearance
      • Customize Chat Features
      • Customize Chat Message Bubble
      • Customize Navigation Bar
      • Deep Linking
      • Error Codes
    • PowerTalk iOS
      • Get Started
      • TapUI and TapCore
      • Background Process in TapTalk.io
      • Implement Application Delegate
      • Authentication
      • Connection
      • Event Delegate
      • Push Notification
      • General
      • User
      • Room List
        • Room List - TapUI
        • Room List - TapCore
      • Chat Room and Messages
        • Chat Room and Messages - TapUI
        • Chat Room and Messages - TapCore
      • Contact
      • Message Type
      • Customize UI Appearance
      • Customize Chat Features
      • Customize Chat Message Bubble
      • Customize Navigation Bar
      • Deep Linking
      • Error Codes
    • PowerTalk React Native
      • Get Started - Android
      • Get Started - iOS
    • PowerTalk Flutter
      • Get Started - Android
      • Get Started - iOS
    • Javascript SDK
      • Get Started
      • Authentication
      • Connection
      • General
      • Event Listener
      • User
      • Room List
      • Chat Room
      • Messages
      • Contact
      • Message Type
    • Server API
      • Get Started
      • Base URL
      • Authentication
      • User
      • Contact
      • Message
      • Room
    • Webhook
      • Get Started
      • Webhook Payload
  • MeetTalk SDK Documentation
    • Getting Started with MeetTalk
    • MeetTalk Android
      • Get Started
      • Event Listener
    • MeetTalk iOS
      • Get Started
      • Implement Application Delegate
      • Event Delegate
  • SendTalk API Documentation
    • Introduction
    • Whatsapp Verification
Powered by GitBook
On this page
  • Show / Hide Action Bar
  • Enable / Disable Message Read Status
  • Enable / Disable Add Contact Feature
  • Customize Room List Features
  • Customize Chat Room Features
  • Customize Chat Room Attachments
  • Customize Chat Bubble Long Press Action
  • Customize Start New Chat Features
  • Customize My Account Page
  • Customize User Profile Page
  • Customize Star Message Menu
  • Customize Room List Item Swipe Menu
  • Customize Saved Messages Feature
  • Customize Pin Message Menu
  • Enable / Disable In-App Browser

Was this helpful?

  1. PowerTalk Chat SDK Documentation
  2. PowerTalk Android

Customize Chat Features

If you are using the default interface from TapTalk.io UI implementation type, you can choose to enable or disable the available chat features that we provided by using the TapUI class.

Show / Hide Action Bar

By default, TapTalk activities will follow your project's app theme to show/hide action bar in activities, but you can show or hide action bar in TapTalk activities using the following methods:

import io.taptalk.TapTalk.Manager.TapUI;

...

// Show/hide action bar for all TapTalk activities
TapUI.getInstance().setAllTapTalkActivityActionBarEnabled(ENABLED);

// Show/hide action bar for TapTalk chat activity
TapUI.getInstance().setTapTalkChatActivityActionBarEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

// Show/hide action bar for all TapTalk activities
TapUI.getInstance().setAllTapTalkActivityActionBarEnabled(ENABLED)

// Show/hide action bar for TapTalk chat activity
TapUI.getInstance().setTapTalkChatActivityActionBarEnabled(ENABLED)

Note:

• Calling setAllTapTalkActivityActionBarEnabled will enable/disable action bar in all TapTalk activities.

• Calling setTapTalkChatActivityActionBarEnabled will only enable/disable action bar in TapTalk default chat room (TapUIChatActivity).

• Setting setAllTapTalkActivityActionBarEnabled to true and setTapTalkChatActivityActionBarEnabled to false will disable action bar in TapTalk default chat room, but enable it in other TapTalk activities, and vice versa.

Enable / Disable Message Read Status

You can choose to enable or disable read status of messages in room list and chat room. When disabled, read messages will show as delivered instead. Read status is enabled by default.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setReadStatusVisible(VISIBLE);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setReadStatusVisible(VISIBLE)

Enable / Disable Add Contact Feature

You can also choose to enable or disable the user from adding another user as TapTalk contact.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setAddContactEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setAddContactEnabled(ENABLED)

Note: Disabling add contact feature will also hide the following:

• Add to Contacts button in chat room

• Add to Contacts button in user profile

• New Contact button in start new chat page

• Scan QR Code button in start new chat page

Customize Room List Features

The following features in TapTalk default room list can be customized:

• Close Room List Button

• Search Chat

• My Account

• Start New Chat

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setCloseButtonInRoomListVisible(VISIBLE);

TapUI.getInstance().setSearchChatBarInRoomListVisible(VISIBLE);

TapUI.getInstance().setMyAccountButtonInRoomListVisible(VISIBLE);

TapUI.getInstance().setNewChatButtonInRoomListVisible(VISIBLE);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setCloseButtonInRoomListVisible(VISIBLE)

TapUI.getInstance().setSearchChatBarInRoomListVisible(VISIBLE)

TapUI.getInstance().setMyAccountButtonInRoomListVisible(VISIBLE)

TapUI.getInstance().setNewChatButtonInRoomListVisible(VISIBLE)

Customize Chat Room Features

The following features in TapTalk default chat room can be customized:

• User / Group Profile Button

• Add to Contacts

• Mention Username

• Send Voice Note

• Link Preview in Message Bubble

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setProfileButtonInChatRoomVisible(VISIBLE);

TapUI.getInstance().setAddToContactsButtonInChatRoomVisible(VISIBLE);

TapUI.getInstance().setMentionUsernameEnabled(ENABLED);

TapUI.getInstance().setSendVoiceNoteMenuEnabled(ENABLED);

TapUI.getInstance().setLinkPreviewInMessageEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setProfileButtonInChatRoomVisible(VISIBLE)

TapUI.getInstance().setAddToContactsButtonInChatRoomVisible(VISIBLE)

TapUI.getInstance().setMentionUsernameEnabled(ENABLED)

TapUI.getInstance().setSendVoiceNoteMenuEnabled(ENABLED)

TapUI.getInstance().setLinkPreviewInMessageEnabled(ENABLED)

Customize Chat Room Attachments

You can choose to enable or disable message attachments in chat room as follows:

• Documents

• Camera

• Gallery

• Location (requires Google Places API Key)

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setDocumentAttachmentEnabled(ENABLED);

TapUI.getInstance().setCameraAttachmentEnabled(ENABLED);

TapUI.getInstance().setGalleryAttachmentEnabled(ENABLED);

TapUI.getInstance().setLocationAttachmentEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setDocumentAttachmentEnabled(ENABLED)

TapUI.getInstance().setCameraAttachmentEnabled(ENABLED)

TapUI.getInstance().setGalleryAttachmentEnabled(ENABLED)

TapUI.getInstance().setLocationAttachmentEnabled(ENABLED)

Note: Location attachment will be disabled by default when Google Places API Key is not set from TapTalk class.

Customize Chat Bubble Long Press Action

You can choose to enable or disable long press action menus in chat room as follows:

• Reply Message

• Forward Message

• Edit Message

• Delete Message

• Delete Others' Message by Admin

• Message Info

• Save Media to Gallery

• Open Link

• Compose Email

• Dial Number

• Send SMS

• View Profile

• Send Message

• Report Message (disabled by default)

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setReplyMessageMenuEnabled(ENABLED);

TapUI.getInstance().setForwardMessageMenuEnabled(ENABLED);

TapUI.getInstance().setEditMessageMenuEnabled(ENABLED);

TapUI.getInstance().setDeleteMessageMenuEnabled(ENABLED);

TapUI.getInstance().setAllowDeleteOthersMessageForAdminEnabled(ENABLED);

TapUI.getInstance().setMessageInfoMenuEnabled(ENABLED);

TapUI.getInstance().setSaveMediaToGalleryMenuEnabled(ENABLED);

TapUI.getInstance().setOpenLinkMenuEnabled(ENABLED);

TapUI.getInstance().setComposeEmailMenuEnabled(ENABLED);

TapUI.getInstance().setDialNumberMenuEnabled(ENABLED);

TapUI.getInstance().setSendSMSMenuEnabled(ENABLED);

TapUI.getInstance().setViewProfileMenuEnabled(ENABLED);

TapUI.getInstance().setSendMessageMenuEnabled(ENABLED);

TapUI.getInstance().setReportMessageMenuEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setReplyMessageMenuEnabled(ENABLED)

TapUI.getInstance().setForwardMessageMenuEnabled(ENABLED)

TapUI.getInstance().setEditMessageMenuEnabled(ENABLED)

TapUI.getInstance().setDeleteMessageMenuEnabled(ENABLED)

TapUI.getInstance().setMessageInfoMenuEnabled(ENABLED)

TapUI.getInstance().setSaveMediaToGalleryMenuEnabled(ENABLED)

TapUI.getInstance().setOpenLinkMenuEnabled(ENABLED)

TapUI.getInstance().setComposeEmailMenuEnabled(ENABLED)

TapUI.getInstance().setDialNumberMenuEnabled(ENABLED)

TapUI.getInstance().setSendSMSMenuEnabled(ENABLED)

TapUI.getInstance().setViewProfileMenuEnabled(ENABLED)

TapUI.getInstance().setSendMessageMenuEnabled(ENABLED)

TapUI.getInstance().setReportMessageMenuEnabled(ENABLED)

Customize Start New Chat Features

If setNewChatButtonInRoomListVisible is enabled (default), you can also customize the availability of its contents:

• Add New Contact (add contact by search)

• Scan QR Code (add contact by scanning QR code)

• Create new group

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setNewContactMenuButtonVisible(VISIBLE);

TapUI.getInstance().setScanQRMenuButtonVisible(VISIBLE);

TapUI.getInstance().setNewGroupMenuButtonVisible(VISIBLE);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setNewContactMenuButtonVisible(VISIBLE)

TapUI.getInstance().setScanQRMenuButtonVisible(VISIBLE)

TapUI.getInstance().setNewGroupMenuButtonVisible(VISIBLE)

Customize My Account Page

You can choose to show or hide the logout and delete account button in TapTalk My Account page.

import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setLogoutButtonVisible(VISIBLE);

TapUI.getInstance().setDeleteAccountButtonVisible(VISIBLE);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setLogoutButtonVisible(VISIBLE)

TapUI.getInstance().setDeleteAccountButtonVisible(VISIBLE)

Customize User Profile Page

You can choose to show or hide the add to contacts & report/block button in TapTalk Chat Profile page.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setAddToContactsButtonInChatProfileVisible(VISIBLE);

TapUI.getInstance().setReportButtonInChatProfileVisible(VISIBLE);

TapUI.getInstance().setReportButtonInUserProfileVisible(VISIBLE);

TapUI.getInstance().setReportButtonInGroupProfileVisible(VISIBLE);

TapUI.getInstance().setBlockUserMenuEnabled(ENABLED);

TapUI.getInstance().setGroupInCommonMenuEnabled(ENABLED);

TapUI.getInstance().setSharedMediaMenuEnabled(ENABLED);

TapUI.getInstance().setSharedMediaMediasTabVisible(VISIBLE);

TapUI.getInstance().setSharedMediaLinksTabVisible(VISIBLE);

TapUI.getInstance().setSharedMediaDocumentsTabVisible(VISIBLE);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setAddToContactsButtonInChatProfileVisible(VISIBLE)

TapUI.getInstance().setReportButtonInChatProfileVisible(VISIBLE)

TapUI.getInstance().setReportButtonInUserProfileVisible(VISIBLE)

TapUI.getInstance().setReportButtonInGroupProfileVisible(VISIBLE)

TapUI.getInstance().setBlockUserMenuEnabled(ENABLED)

TapUI.getInstance().setGroupInCommonMenuEnabled(ENABLED)

TapUI.getInstance().setSharedMediaMenuEnabled(ENABLED)

TapUI.getInstance().setSharedMediaMediasTabVisible(VISIBLE)

TapUI.getInstance().setSharedMediaLinksTabVisible(VISIBLE)

TapUI.getInstance().setSharedMediaDocumentsTabVisible(VISIBLE)

Customize Star Message Menu

To enable or disable star message menu in chat room and chat profile page, you may call setStarMessageMenuEnabled() method from TapUI class. This feature is enabled by default.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setStarMessageMenuEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setStarMessageMenuEnabled(ENABLED)

Customize Room List Item Swipe Menu

User is able to swipe an item in the room list page to quickly complete some actions. To enable/disable this feature, you may call the following methods below.

import io.taptalk.TapTalk.Manager.TapUI;

...

// Enable/disable mark as read swipe menu action
TapUI.getInstance().setMarkAsReadRoomListSwipeMenuEnabled(ENABLED);

// Enable/disable mark as unread swipe menu action
TapUI.getInstance().setMarkAsUnreadRoomListSwipeMenuEnabled(ENABLED);

// Enable/disable pin and unpin swipe menu action
TapUI.getInstance().setPinRoomListSwipeMenuEnabled(ENABLED);

// Enable/disable mute and unmute swipe menu action
TapUI.getInstance().setMuteRoomListSwipeMenuEnabled(ENABLED);

// Enable/disable delete chat swipe menu action
TapUI.getInstance().setDeleteRoomListSwipeMenuEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

// Enable/disable mark as read swipe menu action
TapUI.getInstance().setMarkAsReadRoomListSwipeMenuEnabled(ENABLED)

// Enable/disable mark as unread swipe menu action
TapUI.getInstance().setMarkAsUnreadRoomListSwipeMenuEnabled(ENABLED)

// Enable/disable pin and unpin swipe menu action
TapUI.getInstance().setPinRoomListSwipeMenuEnabled(ENABLED)

// Enable/disable mute and unmute swipe menu action
TapUI.getInstance().setMuteRoomListSwipeMenuEnabled(ENABLED)

// Enable/disable delete chat swipe menu action
TapUI.getInstance().setDeleteRoomListSwipeMenuEnabled(ENABLED)

Customize Saved Messages Feature

To enable or disable Saved Messages feature, call the setSavedMessagesMenuEnabled() from TapUI. This feature is enabled by default. Disabling this feature when the user has previously used it will not remove the user's existing messages that has been sent to the Saved Messages chat room.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setSavedMessagesMenuEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setSavedMessagesMenuEnabled(ENABLED)

Customize Pin Message Menu

To enable or disable pin message menu in chat room, you may call setPinMessageMenuEnabled() method from TapUI class. This feature is enabled by default.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setPinMessageMenuEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setPinMessageMenuEnabled(ENABLED)

Enable / Disable In-App Browser

To choose whether to open message urls with in-app browser or the device's browser app, you may call setOpenLinkWithExternalBrowserEnabled() method from TapUI class. TapTalk.io's in-app browser will be used by default.

import io.taptalk.TapTalk.Manager.TapUI;

...

TapUI.getInstance().setOpenLinkWithExternalBrowserEnabled(ENABLED);
import io.taptalk.TapTalk.Manager.TapUI

...

TapUI.getInstance().setOpenLinkWithExternalBrowserEnabled(ENABLED)
PreviousCustomize UI AppearanceNextCustomize Chat Message Bubble

Last updated 1 month ago

Was this helpful?

Delete account button is hidden and does nothing if pressed by default, its action needs to be handled manually using .

The report button is hidden by default, and the report button in group profile currently does nothing by default when pressed, its action needs to be handled manually using .

TapUIMyAccountListener
TapUIChatProfileListener