Message info
For any message that you send, you'll be able to see a message info screen, displaying the details of when your message was delivered, read, by the recipient. To see the message info screen, open an individual or group chat and then Tap and hold your sent message. Message menu will open and you will get an option to click Message info.
Message menu#
Customize the UI for message info in Message menu
The UI for message info in the Message menu can be customized through MFUIStringSet and MFUIIconSet.
The MFUIMessageInfoController is a class that is used to build Message info controller
Module Components#
In the MFUIMessageInfoController class, MFUIMessageInfoModule and its components are used to create and display Message info view. The module is composed of three components: headerComponent, messageComponent and listComponent
| Property name | Type |
|---|---|
| headerComponent | MFUIMessageInfoModule.Header |
| messageComponent | MFUIMessageInfoModule.messageView |
| listComponent | MFUIMessageInfoModule.List |
Header Component#
The headerComponent includes a default title as Message Info, a back button that takes the user to the previous view. Each property corresponds to the elements in the navigation bar of the view controller.
The following table shows the parameters of the configure method of the headerComponent.
| Parameter name | Type |
|---|---|
| delegate | MFUIMessageInfoModuleHeaderDelegate |
| theme | MFMessageInfoTheme |
Message View Component#
The message view component includes the message cell for which the message info details are displayed. Here same cell class MFMessageCell, so the UI components of the Message Cell can be customised by using the MFMessageCellTheme in MFUITheme.
List Component#
The listComponent shows the details of when your message was delivered, read, by the recipient for single chat and for group Chat, it display details of all recipient in the group.
| Parameter name | Type |
|---|---|
| delegate | MFUIMessageInfoModuleListDelegate |
| theme | MFMessageInfoTheme |
Single Chat#
In Single Chat, the delivered and Read status are shown in the List
Group Chat#
In Group Chat, the delivered and Read status of all recipient in the group are shown in the List
Customize MFUIStringSet#
The following table shows a customizable property of MFUIStringSet that appears in the Message Info. The MFUIStringSet is a set of strings used to compose a view.
You need to modify the stringSet values in advance if you want to make changes to the view.
| Property name | Description |
|---|---|
| ChatinfoView_Header_Title | A text for the title of Header component |
| Message_not_delivered | A text that refers to message sent but not delivered |
| message_not_read | A text that refers to message not read by recipient |
Customize MFUIIconSet#
The following table shows a customizable reply message icon.
| Icon name | Description |
|---|---|
| iconCirclePlus | An icon used to expand the list header for group chat |
| iconCircleMinus | An icon used to collapse the list header for group chat |
| iconNotDelivered | An icon used if not delivered to anyone in the group chat |
| iconNotRead | An icon used if not Read by anyone in the group chat |