Conversation
You can customize all the aspects like the timer, open badge, icon for unread message count, etc., in the Conversations tab of the chat window.
Description:
Key | Description |
siq_backgroundcolor | Color of background for activity |
siq_conversation_lisitem_backgroundcolor | Background color of the list item |
siq_conversation_status_textcolor | Color of the status of an operator in the conversation list |
siq_conversation_status_backgroundcolor | Background color of the status of an operator in the conversation list |
siq_conversation_title_textcolor | Color of the title used in the conversation list (Change in textColorPrimary will also change this attribute color) |
siq_conversation_subtitle_textcolor | Color of the subtitle (question or last message)used in the conversation list (Change in textColorSecondary will also change this attribute color) |
siq_conversation_time_textcolor | Color of the time in the conversation list (Change in textColorTertiary will also change this attribute color) |
siq_conversation_unreadbadge_textcolor | Color of the unread message count of the corresponding chat |
siq_conversation_unreadbadge_backgroundcolor | Background color of the unread message count of the corresponding chat |
siq_conversation_timer_textcolor | Color of the timer when the chat is about to end |
siq_conversation_timer_iconcolor | Color of the session clock when the chat is about to end |
siq_conversation_item_message_status_sending | Color indicating the sending status of the last message in the conversation list view |
siq_conversation_item_message_status_sent | Color indicating the sent status of the last message in the conversation list view |
siq_conversation_item_message_status_read | Color indicating the read status of the last message in the conversation list view |
siq_image_viewer_toolbar_icon_color | Icon color of the Image viewer toolbar |
siq_conversation_empty_state | Image of conversation's empty state |
siq_conversation_search_empty_state | Image of conversation's search empty state |
Sample Code:
Copied