Component | Description |
---|---|
MessageList | CometChatMessageList is a component that displays a list of Messages |
MessageComposer | CometChatMessageComposer is a component that helps in writing and editing of messages and also sending attachments |
CometChatThreadedMessageHeader
is a view, you can add it to your view controller by adding the following code snippet.
threadedMessage
. If a navigation controller is already in use, utilize the pushViewController function instead of directly presenting the view controller.Component
. By using event you can extend existing functionality. Being global events, they can be applied in Multiple Locations and are capable of being Added or Removed.
The MessageList Component does not emit any events of its own.
ThreadedMessagesStyle
contains various properties which can be used to customize the UI of CometChatThreadedMessages
.
Global level styling
Property | Description | Code |
---|---|---|
Background Color | Background color for the header. | CometChatThreadedMessageHeader.style.backgroundColor = CometChatTheme.backgroundColor03 |
Border Color | Border color for the header. | CometChatThreadedMessageHeader.style.borderColor = UIColor.clear |
Border Width | Border width for the header. | CometChatThreadedMessageHeader.style.borderWith = 0 |
Corner Radius | Corner radius for the header. | CometChatThreadedMessageHeader.style.cornerRadius = CometChatCornerStyle? |
Bubble Container Background Color | Background color for the bubble container. | CometChatThreadedMessageHeader.style.bubbleContainerBackgroundColor = UIColor.clear |
Bubble Container Border Color | Border color for the bubble container. | CometChatThreadedMessageHeader.style.bubbleContainerBorderColor = UIColor.clear |
Bubble Container Border Width | Border width for the bubble container. | CometChatThreadedMessageHeader.style.bubbleContainerBorderWidth = 0 |
Bubble Container Corner Radius | Corner radius for the bubble container. | CometChatThreadedMessageHeader.style.bubbleContainerCornerRadius = CometChatCornerStyle? |
Divider Tint Color | Tint color for the divider. | CometChatThreadedMessageHeader.style.dividerTintColor = CometChatTheme.extendedPrimaryColor100 |
Count Text Color | Text color for the message count text. | CometChatThreadedMessageHeader.style.countTextColor = CometChatTheme.textColorSecondary |
Count Text Font | Font for the message count text. | CometChatThreadedMessageHeader.style.countTextFont = CometChatTypography.Body.regular |
Property | Description | Code |
---|---|---|
hideReplyCount | Hides the reply count for threaded messages. | hideReplyCount = true |
hideReplyCountBar | Hides the reply count bar in the thread. | hideReplyCountBar = true |
hideReceipts | Hides read and delivery receipts for messages. | hideReceipts = true |
hideAvatar | Hides the avatar in the threaded message view. | hideAvatar = true |
setMaxHeight | Sets the maximum height for the threaded message view. | setMaxHeight(300) |
setMessageAlignment | Sets the alignment of messages (e.g., left or right). | setMessageAlignment(.right) |
setParentMessage | Sets the parent message for the threaded conversation. | setParentMessage(parentMessage) |
ThreadedMessages
is properly configured, passing the controller is mandatory.