Chat UIKit Android View v2

Chat UIKit Android View

Chat UIKit

Android View

Version 2

Sendbird Chat UIKit v2 for Android View is no longer supported as a new version is released. Check out our latest Chat UIKit v3

Common resources

Customizing strings, icons, and style resources is straightforward: Simply overwrite the resources files by changing the UIKit-defined style values in them. The xml elements and tables below show the supported sets of components you can customize.

Note: Do not change the names of the UIKit-defined items and parents when customizing.

Available

This is a list of Available methods that allows you to check if your Sendbird application supports a specific feature.

Method	Description
isSupportSuper()	Determines whether Supergroup channels will be supported for this application.
isSupportReaction()	Determines whether reactions will be supported for this application.
isSupportOgTag()	Determines whether the display of OG tags will be supported for this application.

StringSet

String customization is identical to style customization: change the UIKit-defined style values in the res/strings.xml file which consists of the following xml elements.

<resources>
    <string name="app_name">uikit</string>

    <!-- Header Title -->
    <string name="sb_text_header_channel_list">Channels</string>
    <string name="sb_text_header_channel_settings">Channel information</string>
    <string name="sb_text_header_member_list">Members</string>
    <string name="sb_text_header_invite_member">Invite users</string>
    <string name="sb_text_header_create_channel">New channel</string>
    <string name="sb_text_header_select_members">Select members</string>
    <string name="sb_text_header_participants">Participants</string>
    <string name="sb_text_header_participants_count">%s participants</string>

    <!-- Channel List -->
    <string name="sb_text_channel_list_title_no_members">(No members)</string>
    <string name="sb_text_channel_list_title_unknown">(No name)</string>
    <string name="sb_text_channel_list_unread_count_max">99+</string>
    <string name="sb_text_channel_list_last_message_file">%1$s sent a file.</string>
    <string name="sb_text_channel_list_last_message_file_unknown">Unknown</string>
    <string name="sb_text_channel_list_push_on">Turn on notifications</string>
    <string name="sb_text_channel_list_push_off">Turn off notifications</string>
    <string name="sb_text_channel_list_leave">Leave channel</string>
    <string name="sb_text_channel_list_empty">No channels</string>

    <!-- Channel -->
    <string name="sb_text_channel_message_badge_edited">&#160;(edited)</string>
    <string name="sb_text_channel_tooltip">%d new message</string>
    <string name="sb_text_channel_tooltip_with_count">%d new messages</string>
    <string name="sb_text_channel_anchor_copy">Copy</string>
    <string name="sb_text_channel_anchor_save">Save</string>
    <string name="sb_text_channel_anchor_edit">Edit</string>
    <string name="sb_text_channel_anchor_delete">Delete</string>
    <string name="sb_text_channel_anchor_retry">Retry</string>
    <string name="sb_text_channel_input_text_hint">Enter message</string>
    <string name="sb_text_channel_input_camera">Camera</string>
    <string name="sb_text_channel_input_gallery">Photo library</string>
    <string name="sb_text_channel_input_document">Files</string>
    <string name="sb_text_channel_typing_indicator_single">%s is typing&#8230;</string>
    <string name="sb_text_channel_typing_indicator_double">%s and %s are typing&#8230;</string>
    <string name="sb_text_channel_typing_indicator_multiple">Several people are typing&#8230;</string>
    <string name="sb_text_channel_last_seen_at">Last seen %s</string>
    <string name="sb_text_channel_unknown_type_text">(Unknown message type)\nCannot read this message.</string>
    <string name="sb_text_channel_reaction_count_max">99</string>
    <string name="sb_text_channel_message_empty">No messages</string>

    <!-- Channel Settings -->
    <string name="sb_text_channel_settings_moderations">Moderations</string>
    <string name="sb_text_channel_settings_notification">Notifications</string>
    <string name="sb_text_channel_settings_leave_channel">Leave channel</string>
    <string name="sb_text_channel_settings_delete_channel">Delete channel</string>
    <string name="sb_text_channel_settings_change_channel_name">Change name</string>
    <string name="sb_text_channel_settings_change_channel_name_hint">Enter name</string>
    <string name="sb_text_channel_settings_change_channel_image">Change channel image</string>
    <string name="sb_text_channel_settings_change_channel_image_camera">Take photo</string>
    <string name="sb_text_channel_settings_change_channel_image_gallery">Choose photo</string>
    <string name="sb_text_channel_settings_message_search">Search in channel</string>

    <!-- User List -->
    <string name="sb_text_user_list_badge_me">&#160;(You)</string>
    <string name="sb_text_user_list_empty">No users</string>
    <string name="sb_text_participants_list_empty">No participants</string>

    <!-- Views -->
    <string name="sb_text_yesterday">Yesterday</string>
    <string name="sb_text_permission_yes">Yes</string>
    <string name="sb_text_permission_no">No</string>
    <string name="sb_text_dialog_delete_file_message">Delete this file?</string>
    <string name="sb_text_dialog_delete_message">Delete this message?</string>
    <string name="sb_text_toast_success_push_on">Notifications turned on</string>
    <string name="sb_text_toast_success_push_off">Notifications turned off</string>
    <string name="sb_text_toast_success_copy">Copied</string>
    <string name="sb_text_toast_success_start_upload_file">Uploading&#8230;</string>
    <string name="sb_text_toast_success_start_download_file">Downloading&#8230;</string>
    <string name="sb_text_toast_success_download_file">File saved</string>
    <string name="sb_text_button_edit">Edit</string>
    <string name="sb_text_button_invite">Invite</string>
    <string name="sb_text_button_cancel">Cancel</string>
    <string name="sb_text_button_create">Create</string>
    <string name="sb_text_button_save">Save</string>
    <string name="sb_text_button_delete">Delete</string>
    <string name="sb_text_button_retry">Retry</string>

    <string name="sb_text_comma">,&#160;</string>

    <!-- Error Messages -->
    <!-- Connection Error -->
    <string name="sb_text_error_connect_server">Couldn\&#39;t connect to server.</string>
    <string name="sb_text_error_retry_request">Check your connection and try again.</string>

    <!-- Channel Error -->
    <string name="sb_text_error_get_channel_list">Couldn\&#39;t retrieve channel list.</string>
    <string name="sb_text_error_get_channel">Couldn\&#39;t retrieve channel.</string>
    <string name="sb_text_error_create_channel">Couldn\&#39;t create channel.</string>
    <string name="sb_text_error_update_channel">Couldn\&#39;t update channel.</string>
    <string name="sb_text_error_leave_channel">Couldn\&#39;t leave channel.</string>
    <string name="sb_text_error_delete_channel">Couldn\&#39;t delete channel.</string>
    <string name="sb_text_error_push_notification_on">Couldn\&#39;t turn on notifications.</string>
    <string name="sb_text_error_push_notification_off">Couldn\&#39;t turn off notifications.</string>
    <string name="sb_text_error_invite_member">Couldn\&#39;t invite users.</string>
    <string name="sb_text_error_get_user_list">Couldn\&#39;t retrieve user list.</string>
    <string name="sb_text_error_add_reaction">Couldn\&#39;t add reaction.</string>
    <string name="sb_text_error_promote_operator">Couldn\&#39;t promote operator.</string>
    <string name="sb_text_error_dismiss_operator">Couldn\&#39;t dismiss operator.</string>
    <string name="sb_text_error_delete_reaction">Couldn\&#39;t delete reaction.</string>
    <string name="sb_text_error_required_channel_url">Must be set the target channel</string>

    <!-- Message Error -->
    <string name="sb_text_error_resend_message">Couldn\&#39;t send message. Try again.</string>
    <string name="sb_text_error_update_user_message">Couldn\&#39;t edit message.</string>
    <string name="sb_text_error_delete_message">Couldn\&#39;t delete message.</string>
    <string name="sb_text_error_copy_message">Couldn\&#39;t copy message.</string>
    <string name="sb_text_error_send_message">Couldn\&#39;t send message. Try again.</string>
    <string name="sb_text_error_message_filtered">Message was filtered.</string>
    <string name="sb_text_error_mute_member">Couldn\&#39;t mute member. Try again.</string>
    <string name="sb_text_error_ban_member">Couldn\&#39;t ban member. Try again.</string>
    <string name="sb_text_error_unmute_member">Couldn\&#39;t unmute member. Try again.</string>
    <string name="sb_text_error_unban_member">Couldn\&#39;t unban member. Try again.</string>

    <!-- File Error -->
    <string name="sb_text_error_open_camera">Couldn\&#39;t open camera.</string>
    <string name="sb_text_error_open_gallery">Couldn\&#39;t open photo library.</string>
    <string name="sb_text_error_open_file">Couldn\&#39;t open file.</string>
    <string name="sb_text_error_download_file">Couldn\&#39;t download file.</string>

    <string name="sb_text_error_unknown">Something went wrong.</string>

    <string name="sb_text_dialog_permission_title">Allow permission</string>
    <string name="sb_text_go_to_settings">Settings</string>
    <string name="sb_text_need_to_allow_permission_camera">%s\nneeds to access your camera to take photos and videos. Allow in Settings.</string>
    <string name="sb_text_need_to_allow_permission_storage">%s\nneeds to access your device storage to share photos, media, and files. Allow in Settings.</string>

    <string name="sb_text_channel_input_text_hint_frozen">Chat is unavailable in this channel</string>
    <string name="sb_text_channel_input_text_hint_muted">You are muted</string>
    <string name="sb_text_select_channel_type">Channel type</string>
    <string name="sb_text_group">Group</string>
    <string name="sb_text_super_group">Supergroup</string>
    <string name="sb_text_broadcast">Broadcast</string>
    <string name="sb_text_information_channel_frozen">Channel frozen</string>
    <string name="sb_text_operator">Operator</string>
    <string name="sb_text_menu_operators">Operators</string>
    <string name="sb_text_menu_muted_members">Muted members</string>
    <string name="sb_text_menu_banned_members">Banned members</string>
    <string name="sb_text_menu_freeze_channel">Freeze channel</string>
    <string name="sb_text_empty_no_operator_member">No operator members</string>
    <string name="sb_text_empty_no_muted_member">No muted members</string>
    <string name="sb_text_empty_no_banned_member">No banned members</string>

    <string name="sb_text_button_selected">SELECTED</string>
    <string name="sb_text_button_add">ADD</string>
    <string name="sb_text_button_mute">MUTE</string>
    <string name="sb_text_button_ban">BAN</string>
    <string name="sb_text_button_add_with_count">%d ADD</string>
    <string name="sb_text_button_mute_with_count">%d MUTE</string>
    <string name="sb_text_button_ban_with_count">%d BAN</string>

    <string name="sb_text_promote_operator">Promote to operator</string>
    <string name="sb_text_mute_member">Mute</string>
    <string name="sb_text_ban_member">Ban</string>
    <string name="sb_text_dismiss_operator">Dismiss operator</string>
    <string name="sb_text_unmute_member">Unmute</string>
    <string name="sb_text_unban_member">Unban</string>

    <string name="sb_text_message">Message</string>
    <string name="sb_text_user_id">User ID</string>
    <string name="sb_text_member">Member</string>
    <string name="sb_text_promote">Promote</string>
    <string name="sb_text_dismiss">Dismiss</string>

    <string name="sb_text_url">URL</string>
    <string name="sb_text_error_enter_channel_from_authority">Couldn\'t enter the channel.</string>
    <string name="sb_text_error_enter_channel">Couldn\&#39;t enter the channel. Check your connection and try again.</string>
    <string name="sb_text_error_not_possible_resend_message">Message can't be sent.</string>

    <string name="sb_text_button_search">Search</string>
    <string name="sb_text_search_result_empty">No results found.</string>
    <string name="sb_text_error_search_failure">Something went wrong. Try again.</string>

</resources>

IconSet

Listed below are all the icons used in UIKit for Android. Icons can be changed by overwriting the res/drawable files with the same name.

Icon name	Image	Description
icon_add		Used to select files to send
icon_arrow_left		Go to the backstack
icon_ban		The icon of ban
icon_camera		An icon of camera
icon_chat		An icon of channel
icon_chevron_down		An icon of expanding view
icon_chevron_right		An icon of going to the next step
icon_close		An icon of close current page
icon_copy		An icon of copy
icon_create		An icon of creating a new channel
icon_delete		An icon of deleting something
icon_document		An icon of files of document type
icon_done_all		A delivered message
icon_done		A sent message
icon_download		An icon of download
icon_edit		An icon of editing
icon_emoji_more		An icon of adding another emoji
icon_error		An icon of error state
icon_file_audio		An icon of message of audio type
icon_file_document		An icon of message of document type
icon_freeze		An icon of frozen channel
icon_gif		An icon of `GIF`
icon_info		An icon of channel's information
icon_leave		An icon of leaving the channel
icon_members		An icon of channel members
icon_message		An icon of chatting
icon_moderations		An icon of channel moderation
icon_more		An icon of displaying someting more
icon_mute		An icon of mute state
icon_notifications_off_filled		An icon of notification of off state
icon_notifications		An icon of notification of on state
icon_operator		An icon of operator of the channel
icon_photo		An icon of photo library
icon_play		An icon of `VIDEO`
icon_plus		An icon of adding something
icon_question		An icon to display unknown state
icon_refresh		An icon of refreshing
icon_remove		An icon of removing something
icon_reply		An icon used to indicate Reply
icon_reply_filled		An icon indicating that a user replied to another user's message
icon_search		An icon of searching messages
icon_send		An icon of sending message
icon_spinner		An icon of loading state
icon_supergroup		An icon of the channel of supergroup type
icon_thumbnail_none		An icon that failed to load image
icon_user		An icon of user profile

StyleSet

The StyleSet is a collection of styles applied to UIKit items by default.

Note : To apply our Dark theme, create a res/values/styles_dark.xml file and then add .Dark to the UIKit-defined style names. As for an open channel, you can use the overlay_mode style. Just like changing to the Dark theme, you can apply the overlay_mode style by creating a res/values/styles_overlay.xml file and then adding .Overlay to the UIKit-defind style names.

Header

The header acts as an optional ActionBar used in every style.

<style name="Custom" parent="SendBird">
    <item name="sb_appbar_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.AppBar">
    <item name="android:background"></item>
    <item name="sb_appbar_title_appearance"></item>
    <item name="sb_appbar_description_appearance"></item>
    <item name="sb_appbar_button_tint"></item>
    <item name="sb_appbar_divider_color"></item>
    <item name="sb_appbar_left_button_text_appearance"></item>
    <item name="sb_appbar_left_button_text_color"></item>
    <item name="sb_appbar_left_button_tint"></item>
    <item name="sb_appbar_left_button_background"></item>
    <item name="sb_appbar_right_button_text_appearance"></item>
    <item name="sb_appbar_right_button_text_color"></item>
    <item name="sb_appbar_right_button_tint"></item>
    <item name="sb_appbar_right_button_background"></item>
</style>

Attribute	Resource type	Description
android:background	drawable/color	The background of the header.
sb_appbar_title_appearance	text appearance	The text size, color, font, and style of the header title.
sb_appbar_description_appearance	text appearance	The text size, color, font, and style of the header description. The header description is used to show the typing indicator and the time of when a user has last seen.
sb_appbar_button_tint	color	The color of the buttons.
sb_appbar_divider_color	color	The color of the line divider located at the bottom.
sb_appbar_left_button_text_appearance	text appearance	The text size, color, font, and style of the left button.
sb_appbar_left_button_text_color	color	The text color of the left button.
sb_appbar_left_button_tint	color	The color of the left button.
sb_appbar_left_button_background	drawable/color	The background of the left button.
sb_appbar_right_button_text_appearance	text appearance	The text size, color, font, and style of the right button.
sb_appbar_right_button_text_color	color	The text color of the right button.
sb_appbar_right_button_tint	color	The color of the right button.
sb_appbar_right_button_background	drawable/color	The background of the right button.

RecyclerView

RecyclerView is used to show the channel list, user list, and message list.

<style name="Custom" parent="SendBird">
    <item name="sb_recycler_view_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.RecyclerView">
    <item name="android:background"></item>
    <item name="sb_pager_recycler_view_use_divide_line"></item>
    <item name="sb_pager_recycler_view_divide_line_color"></item>
    <item name="sb_pager_recycler_view_divide_line_height"></item>
    <item name="sb_pager_recycler_view_divide_margin_left"></item>
    <item name="sb_pager_recycler_view_divide_margin_right"></item>
</style>

Attribute	Resource type	Description
android:background	drawable/color	The background of the `RecyclerView`.
sb_pager_recycler_view_use_divide_line	boolean	Determines whether to use line dividers between messages.
sb_pager_recycler_view_divide_line_color	color	The color of the line divider.
sb_pager_recycler_view_divide_line_height	size	The height of the line divider.
sb_pager_recycler_view_divide_margin_left	size	The width of the empty space to the left of the line divider.
sb_pager_recycler_view_divide_margin_right	size	The width of the empty space to the right of the line divider.

Dialog

UIKit provides dialog through the SendBirdDialogFragment. This dialog includes a list type, an edit text type, a content view type, up to three buttons, and more. The following table lists the dialog styles that appear in UIKit.

Dialog styles

Resource type	Attribute
List
Confirm
Warning
Edit text
List bottom
Anchor

Note: The Anchor doesn't use the SendBirdDialogFragment.

<style name="Custom" parent="SendBird">
    <item name="sb_dialog_view_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.DialogView">
    <item name="sb_dialog_view_background"></item>
    <item name="sb_dialog_view_background_bottom"></item>
    <item name="sb_dialog_view_background_anchor"></item>
    <item name="sb_dialog_view_title_appearance"></item>
    <item name="sb_dialog_view_message_appearance"></item>
    <item name="sb_dialog_view_list_item_appearance"></item>
    <item name="sb_dialog_view_list_item_background"></item>
    <item name="sb_dialog_view_edit_text_appearance"></item>
    <item name="sb_dialog_view_edit_text_tint"></item>
    <item name="sb_dialog_view_edit_text_cursor_drawable"></item>
    <item name="sb_dialog_view_edit_text_hint_color"></item>
    <item name="sb_dialog_view_icon_tint"></item>
    <item name="sb_dialog_view_positive_button_text_appearance"></item>
    <item name="sb_dialog_view_positive_button_text_color"></item>
    <item name="sb_dialog_view_positive_button_background"></item>
    <item name="sb_dialog_view_negative_button_text_appearance"></item>
    <item name="sb_dialog_view_negative_button_text_color"></item>
    <item name="sb_dialog_view_negative_button_background"></item>
    <item name="sb_dialog_view_neutral_button_text_appearance"></item>
    <item name="sb_dialog_view_neutral_button_text_color"></item>
    <item name="sb_dialog_view_neutral_button_background"></item>
</style>

Attribute	Resource type	Description
sb_dialog_view_background	drawable/color	The background of the dialog.
sb_dialog_view_background_bottom	drawable	The background of the bottom dialog.
sb_dialog_view_title_appearance	text appearance	The text size, color, font, and style of the title.
sb_dialog_view_message_appearance	text appearance	The text size, color, font, and style of the message.
sb_dialog_view_list_item_appearance	text apperance	The text size, color, font, and style of the items in the list.
sb_dialog_view_list_item_background	drawable/color	The background of the items in the list.
sb_dialog_view_edit_text_appearance	text apperance	The text size, color, font, and style of the edit text.
sb_dialog_view_edit_text_tint	color	The color of the bottom of the edit text.
sb_dialog_view_edit_text_cursor_drawable	drawable	The drawable of the cursor of the edit text.
sb_dialog_view_edit_text_hint_color	color	The color of the edit text hint.
sb_dialog_view_icon_tint	color	The color of the icons.
sb_dialog_view_positive_button_text_appearance	text appearance	The text size, color, font, and style of the positive button.
sb_dialog_view_positive_button_text_color	color	The text color of the positive button.
sb_dialog_view_positive_button_background	drawable/color	The background of the positive button.
sb_dialog_view_negative_button_text_appearance	text appearance	The text size, color, font, and style of the negative button.
sb_dialog_view_negative_button_text_color	color	The text color of the negative button.
sb_dialog_view_negative_button_background	drawable/color	The background of the negative button.
sb_dialog_view_neutral_button_text_appearance	text appearance	The text size, color, font, and style of the neutral button.
sb_dialog_view_neutral_button_text_color	color	The text color of the neutral button.
sb_dialog_view_neutral_button_background	drawable/color	The background of the neutral button.

StatusFrame

StatusFrame displays the current state when data is loading and data loading failed.

<style name="Custom" parent="SendBird">
    <item name="sb_status_frame_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.StatusFrame">
    <item name="sb_status_frame_background"></item>
    <item name="sb_status_frame_text_appearance"></item>
    <item name="sb_status_frame_icon_tint"></item>
    <item name="sb_status_frame_action_text_appearance"></item>
    <item name="sb_status_frame_action_background"></item>
</style>

Attribute	Resource type	Description
sb_status_frame_background	drawable/color	The background of the status frame.
sb_status_frame_text_appearance	text appearance	The text size, color, font, and style of the text on the status frame.
sb_status_frame_icon_tint	color	The color of the icons.
sb_status_frame_action_text_appearance	text appearance	The text size, color, font, and style of the action.
sb_status_frame_action_background	drawable/color	The background of the action.

Toast

A toast message is a message that shows up and disappears on its own after a few seconds.

<style name="Custom" parent="SendBird">
    <item name="sb_toast_view_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.ToastView">
    <item name="sb_toast_background"></item>
    <item name="sb_toast_text_appearance"></item>
</style>

Attribute	Resource type	Description
sb_toast_background	drawable/color	The background of the toast message.
sb_toast_text_appearance	text appearance	The text size, color, font, and style of the toast message.

Emoji

<style name="Custom" parent="SendBird">
    <item name="sb_emoji_reaction_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.Emoji">
    <item name="sb_emoji_background"></item>
    <item name="sb_emoji_more_button_src"></item>
    <item name="sb_emoji_more_button_src_tint"></item>
    <item name="sb_emoji_reaction_background"></item>
    <item name="sb_emoji_reaction_text_appearance"></item>
    <item name="sb_emoji_reaction_more_button_src"></item>
    <item name="sb_emoji_reaction_more_button_src_tint"></item>
    <item name="sb_emoji_reaction_count_text_appearance"></item>
    <item name="sb_emoji_reaction_count_tab_layout_background"></item>
    <item name="sb_emoji_reaction_count_tab_indicator_color"></item>
    <item name="sb_emoji_reaction_user_nickname_appearance"></item>
    <item name="sb_emoji_failed_src"></item>
    <item name="sb_emoji_failed_src_tint"></item>
</style>

Attribute	Resource type	Description
sb_emoji_background	drawable/color	The background color of emoji reactions in the Emoji reaction box
sb_emoji_more_button_src	drawable	The image of the Add reaction button on the Emoji reaction bar
sb_emoji_more_button_src_tint	drawable/color	The color of the More button for emojis.
sb_emoji_reaction_background	drawable/color	The background color of an emoji reaction in the Emoji reaction box
sb_emoji_reaction_text_appearance	text appearance	The text size, color, font, and style of the emoji reaction count in the Emoji reaction box
sb_emoji_reaction_more_button_src	drawable	The image of the Add reaction button in the Emoji reaction box
sb_emoji_reaction_more_button_src_tint	drawable/color	The color of the More button for emoji reaction.
sb_emoji_reaction_count_tab_layout_background	drawable/color	The background color of the emoji reaction tabs in the Reacted user list
sb_emoji_reaction_count_tab_indicator_color	color	The color of the underline for a selected emoji reaction tab in the Reacted user list
sb_emoji_reaction_user_nickname_appearance	text appearance	The text size, color, font, and style of the user nickname in the Reacted user list
sb_emoji_failed_src	drawable/color	The image to be displayed when the emoji loads fail.
sb_emoji_failed_src_tint	drawable/color	The color of the failed icon.

SelectChannelTypeView

If your application is supporting a Supergroup channel, this style will be used when you create a channel.

<style name="Custom" parent="SendBird">
    <item name="sb_select_channel_type_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.SelectChannelTypeView">
    <item name="android:background"></item>
    <item name="sb_select_channel_type_menu_background"></item>
    <item name="sb_select_channel_type_menu_title_appearance"></item>
    <item name="sb_select_channel_type_menu_name_appearance"></item>
    <item name="sb_select_channel_type_menu_icon_tint"></item>
</style>

Attribute	Resource type	Description
android:background	drawable/color	The background of component.
sb_select_channel_type_menu_background	drawable	The background of each menu item.
sb_select_channel_type_menu_title_appearance	text appearance	The text size, color, font, and style of the menu title.
sb_select_channel_type_menu_name_appearance	text appearance	The text size, color, font, and style of the menu name.
sb_select_channel_type_menu_icon_tint	color	The color of the icons.

SingleMenuItemView

A SingleMenuItemView is used at the Moderations Fragment.

<style name="Custom" parent="SendBird">
    <item name="sb_single_menu_item_style">@style/custom</item>
</style>

<style name="custom" parent="Widget.SendBird.SingleMenuItemView">
    <item name="sb_menu_item_background"></item>
    <item name="sb_menu_item_name_appearance"></item>
    <item name="sb_menu_item_icon_tint"></item>
</style>

Attribute	Resource type	Description
sb_menu_item_background	drawable/color	The background of the menu.
sb_menu_item_name_appearance	text appearance	The text size, color, font, and style of the item name.
sb_menu_item_icon_tint	color	The color of the icons.

UserProfile

A UserProfile is the user information that appears when clicking user profile.

<style name="Custom" parent="SendBird">
    <item name="sb_user_profile_style">@style/custom</item>
</style>

 <style name="custom" parent="Widget.SendBird.UserProfile">
    <item name="sb_user_profile_background">@drawable/sb_shape_user_profile_background_light</item>
    <item name="sb_user_profile_user_name_text_appearance">@style/SendbirdH1OnLight01</item>
    <item name="sb_user_profile_button_background">@drawable/selector_button_default_light</item>
    <item name="sb_user_profile_button_text_appearance">@style/SendbirdButtonOnLight01</item>
    <item name="sb_user_profile_divider_color">@color/onlight_04</item>
    <item name="sb_user_profile_information_title_text_appearance">@style/SendbirdBody3OnLight02</item>
    <item name="sb_user_profile_information_text_appearance">@style/SendbirdBody1OnLight01</item>
</style>

Attribute	Resource type	Description
sb_user_profile_background	drawable/color	The background of the user profile.
sb_user_profile_user_name_text_appearance	text appearance	The text size, color, font, and style of the user name.
sb_user_profile_button_background	drawable/color	The background of the button.
sb_user_profile_button_text_appearance	text appearance	The text size, color, font, and style of the button.
sb_user_profile_divider_color	color	The color of the divider.
sb_user_profile_information_title_text_appearance	text appearance	The text size, color, font, and style of the information title.
sb_user_profile_information_text_appearance	text appearance	The text size, color, font, and style of the information.

On this page

Available StringSet IconSet StyleSet

Sample app

Common resources

Available

StringSet

IconSet

StyleSet

Header

List of attributes of Widget.SendBird.AppBar

RecyclerView

List of attributes of Widget.SendBird.RecyclerView

Dialog

Dialog styles

List of attributes of Widget.SendBird.DialogView

StatusFrame

List of attributes of Widget.SendBird.StatusFrame

Toast

List of attributes of Widget.SendBird.ToastView

Emoji

List of attributes of Widget.SendBird.Emoji

SelectChannelTypeView

List of attributes of Widget.SendBird.SelectChannelTypeView

SingleMenuItemView

List of attributes of Widget.SendBird.SingleMenuItemView

UserProfile

List of attributes of Widget.SendBird.UserProfile