Home
/
UIKit
/
Android

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.

MethodDescription

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.

Light Color Skin
Copy
<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 nameImageDescription

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_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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.AppBar

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.RecyclerView

AttributeResource typeDescription

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 typeAttribute

List

Confirm

Warning

Edit text

List bottom

Anchor

Note: The Anchor doesn't use the SendBirdDialogFragment.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.DialogView

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.StatusFrame

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.ToastView

AttributeResource typeDescription

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

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.Emoji

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.SelectChannelTypeView

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.SingleMenuItemView

AttributeResource typeDescription

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.

Light Color Skin
Copy
<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>

List of attributes of Widget.SendBird.UserProfile

AttributeResource typeDescription

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.