Customisation of the Recent Chat Cell
The UI components of the Recent Chat Cell can be customised by using the MFChannelCellTheme in MFUITheme.
Unread Message Counts#
The Unread Message Counts appears in the list component of the MFUIRecentChatListViewController. The number of unread messages is displayed below the timestamp of the last received message. If the unread count exceeds 100, it will show as 99+.
Customisation#
Customisation of the unread message count could be done by the following theme properties.
| Category | Property | Description |
|---|---|---|
| Unread count | unreadCountBackgroundColor | The background color of the unread message count element |
| Unread count | unreadCountFont | The font of the unread message count element |
| Unread count | unreadCountTextColor | The text color of the unread message count element |
Last Update Time#
The Last Update Time in the list component of the MFUIRecentChatListViewController shows the timestamp of the last received message.
Customisation#
Customisation of the Last Update Time could be done by the following theme properties.
| Category | Property | Description |
|---|---|---|
| Last Update Time | lastUpdatedTimeTextColor | The text color of the timestamp count element |
| Last Update Time | lastUpdatedTimeFont | The font of the timestamp element |
Message Customisation#
The message of the Recent Chat could be customised by the following theme Properties.
| Category | Property | Description |
|---|---|---|
| Message | messageFont | The font of the message element |
| Message | messageTextColor | The text color of the message element |
Title Customisation#
Title represents the profile name from the recent chats. The Title could be customised by the following theme properties.
| Category | Property | Description |
|---|---|---|
| Title | titleFont | The font of the title element |
| Title | titleTextColor | The text color of the title element |
Separator Line Customisation#
| Category | Property | Description |
|---|---|---|
| Separator line | separatorLineColor | The color of the separator line element |