UI Customization
Customize Conversation UI components in your Android app
The CustomUIDelegate
allows you to customize UI components, such as the login prompt, Conversation footer, and navigation title.

CustomizableViewType Reference
# | CustomizableViewType | CustomizableViewType |
---|---|---|
1 | Login prompt TextView | LOGIN_PROMPT_TEXT_VIEW |
2 | Say control TextView in Pre-conversation | SAY_CONTROL_IN_PRE_CONVERSATION_TEXT_VIEW |
3 | Say control TextView in conversation | SAY_CONTROL_IN_CONVERSATION_TEXT_VIEW |
4 | Community question TextView | COMMUNITY_QUESTION_TEXT_VIEW |
5 | Conversation footer View | CONVERSATION_FOOTER_VIEW |
6 | Navigation title TextView | NAVIGATION_TITLE_TEXT_VIEW |
7 | Community guidelines TextView | COMMUNITY_GUIDELINES_TEXT_VIEW |
8 | Create Comment action button | COMMENT_CREATION_ACTION_BUTTON |
9 | Read only label | READ_ONLY_TEXT_VIEW |
10 | Empty state read only label | EMPTY_STATE_READ_ONLY_TEXT_VIEW |
11 | Pre Conversation header title TextView | PRE_CONVERSATION_HEADER_TEXT_VIEW |
12 | Pre Conversation header comments counter TextView | PRE_CONVERSATION_HEADER_COUNTER_TEXT_VIEW |
13 | Show more comments button | SHOW_COMMENTS_BUTTON |
Customize UI components
Use the following steps to configure UI components:
- Set a
CustomUIDelegate
.
SpotIm.setCustomUIDelegate(object: CustomUIDelegate {
override fun customizeView(viewType: CustomizableViewType, view: View, isDarkModeEnabled: Boolean) {
when (viewType) {
CustomizableViewType.LOGIN_PROMPT_TEXT_VIEW -> {
val textView = view as? TextView
// set your own customization
}
// set more customizations to another CustomizableViewType
}
}
}
- Define and customize the
CustomizableViewType
.
Updated about 2 months ago