File
You can customize all the aspects like the color of the background of the action icon, name of the file, the extension of the attachment, etc. to match the look and feel of your application.
Description:
Key | Description |
siq_chat_file_actionicon_backgroundcolor_operator | Color of the background of the action icon in the file message (Operator) Note: Change in colorAccent will also change this attribute color |
siq_chat_file_actionicon_backgroundcolor_visitor | Color of the background of the action icon in the file message (Visitor) |
siq_chat_file_actioniconcolor_operator | Color of the action icon of the file message (Operator) |
siq_chat_file_actioniconcolor_visitor | Color of the action icon of the file message (Operator) Note: Change in colorAccent will also change this attribute color |
siq_chat_filename_textcolor_operator | Color of the name of the file in chat (Operator) Note: Change in textcolorPrimary or siq_operator_textcolor will also change this attribute color |
siq_chat_filename_textcolor_visitor | Color of the name of the file in chat (Visitor) Note: Change in siq_operator_textcolor will also change this attribute color |
siq_chat_filesize_textcolor_operator | Color of the size of the file in chat (Operator) Note: Change in textcolorSecondary will also change this attribute color |
siq_chat_filesize_textcolor_visitor | Color of the size of the file in chat (Visitor) |
siq_chat_filetype_textcolor_operator | Color of the extension of the file in chat (Operator) Note: Change in textcolorSecondary will also change this attribute color |
siq_chat_filetype_textcolor_visitor | Color of the extension of the file in chat (Visitor) |
siq_chat_card_button_textcolor | Button text color in the chat card |
siq_chat_card_button_iconcolor | Icon color in the chat card |
siq_chat_card_button_backgroundcolor | Button background color in the chat card |
Sample Code:
Copied<item name="siq_chat_file_actionicon_backgroundcolor_operator">?attr/colorAccent</item>
<item name="siq_chat_file_actionicon_backgroundcolor_visitor">@color/white</item>
<item name="siq_chat_file_actioniconcolor_operator">@color/white</item>
<item name="siq_chat_file_actioniconcolor_visitor">?attr/colorAccent</item>
<item name="siq_chat_filename_textcolor_operator">?attr/siq_chat_message_textcolor_operator</item>
<item name="siq_chat_filename_textcolor_visitor">?attr/siq_chat_message_textcolor_visitor</item>
<item name="siq_chat_filesize_textcolor_operator">@color/siq_file_size_textcolor_operator_darkactionbar</item>
<item name="siq_chat_filesize_textcolor_visitor">@color/siq_file_size_textcolor_visitor_darkactionbar</item>
<item name="siq_chat_filetype_textcolor_operator">@color/siq_file_extension_textcolor_operator_darkactionbar</item>
<item name="siq_chat_filetype_textcolor_visitor">@color/siq_file_extension_textcolor_visitor_darkactionbar</item>
<item name="siq_chat_card_button_textcolor">?attr/colorAccent</item>
<item name="siq_chat_card_button_iconcolor">?attr/colorAccent</item>
<item name="siq_chat_card_button_backgroundcolor">@color/white</item>