Skip to product menu
Skip to main content

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:​​

KeyDescription
siq_backgroundcolorColor of background for activity
siq_conversation_lisitem_backgroundcolorBackground color of the list item
siq_conversation_status_textcolorColor of the status of an operator in the conversation list
siq_conversation_status_backgroundcolorBackground color of the status of an operator in the conversation list
siq_conversation_title_textcolorColor of the title used in the conversation list (Change in textColorPrimary will also change this attribute color)
siq_conversation_subtitle_textcolorColor of the subtitle (question or last message)used in the conversation list (Change in textColorSecondary will also change this attribute color)
siq_conversation_time_textcolorColor of the time in the conversation list (Change in textColorTertiary will also change this attribute color)
siq_conversation_unreadbadge_textcolorColor of the unread message count of the corresponding chat
siq_conversation_unreadbadge_backgroundcolorBackground color of the unread message count of the corresponding chat
siq_conversation_timer_textcolorColor of the timer when the chat is about to end
siq_conversation_timer_iconcolorColor of the session clock when the chat is about to end
siq_conversation_item_message_status_sendingColor indicating the sending status of the last message in the conversation list view
siq_conversation_item_message_status_sentColor indicating the sent status of the last message in the conversation list view
siq_conversation_item_message_status_readColor indicating the read status of the last message in the conversation list view
siq_image_viewer_toolbar_icon_colorIcon color of the Image viewer toolbar
siq_conversation_empty_stateImage of conversation's empty state
siq_conversation_search_empty_stateImage of conversation's search empty state

 

Sample Code:

Copied<item name="siq_backgroundcolor">?attr/siq_backgroundcolor</item>
<item name="siq_conversation_listitem_backgroundcolor">?attr/siq_backgroundcolor</item>
<item name="siq_conversation_title_textcolor">?android:attr/textColorPrimary</item>
<item name="siq_conversation_subtitle_textcolor">?android:attr/textColorSecondary</item>
<item name="siq_conversation_time_textcolor">?android:attr/textColorTertiary</item>
<item name="siq_conversation_unreadbadge_textcolor">@color/siq_conversation_unreadbadge_textcolor_darkactionbar</item>
<item name="siq_conversation_unreadbadge_backgroundcolor">?attr/colorAccent</item>
<item name="siq_conversation_status_backgroundcolor">@color/siq_conversation_status_backgroundcolor</item>
<item name="siq_conversation_status_textcolor">@color/siq_conversation_status_textcolor</item>
<item name="siq_conversation_timer_textcolor">@color/siq_conversation_timer_textcolor</item>
<item name="siq_conversation_timer_iconcolor">@color/siq_conversation_timer_iconcolor</item>
<item name="siq_conversation_item_message_status_sending">@color/siq_conversation_message_status_sending_or_sent_color</item>
<item name="siq_conversation_item_message_status_sent">@color/siq_conversation_message_status_sending_or_sent_color</item>
<item name="siq_conversation_item_message_status_read">?attr/colorAccent</item>
<item name="siq_image_viewer_toolbar_icon_color">@color/white</item>
<item name="siq_conversation_empty_state">@drawable/empty_converation_state</item>
<item name="siq_conversation_search_empty_state">@drawable/empty_search_converation_state</item>