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>