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.
Customize the UI for message info in Message menu
The UI for message info in the Message menu can be customized through
MFUIMessageInfoController is a class that is used to build Message info controller
MFUIMessageInfoModule and its components are used to create and display Message info view. The module is composed of three components: headerComponent, messageComponent and listComponent
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.
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.
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.
In Single Chat, the delivered and Read status are shown in the List
In Group Chat, the delivered and Read status of all recipient in the group are shown in the List
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.
|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|
The following table shows a customizable reply message icon.
|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|