Action Sheet - CometChat Docs

Overview

CometChatActionSheet is a component which present list of options in a list mode as well as grid mode as per the user’s choice. By default, CometChatActionSheet is an integral part of CometChatMessageComposer to deliver multiple types of media as well as custom messages.

Components

CometChatActionSheet mainly consist of below components: 1 . CometChatActionItem

Methods

Set Action Items

This method is used to render the list of action items to be displayed in action sheet.

Method	Description
`set(actionItems: [ActionItem])`	This method is used to render the list of action items to be displayed in action sheet.

Swift

var actionItem1 = ActionItem(id: "payment", text: "Make Payment", startIcon: UIImage(named: "dollar"), endIcon: nil, startIconTint: UIColor.tintColor, endIconTint: nil, textColor: .black, textFont: UIFont.systemFont(ofSize: 18))

  var actionItem2 = ActionItem(id: "document", text: "Upload Documents", startIcon: UIImage(named: "file"), endIcon: nil, startIconTint: UIColor.tintColor, endIconTint: nil, textColor: .black, textFont: UIFont.systemFont(ofSize: 18))

// syntax for set(actionItems: [ActionItem])
actionSheet.set(actionItems: [actionItem1, actionItem2])

Set Layout Mode

This method is used to set the default layout for the action sheet. It takes the enum LayoutMode which has two cases.

List Mode
Grid Mode

Method	Description
`set(layoutMode: LayoutMode)`	This method is used to set the default layout for the action sheet. It takes the enum LayoutMode which has two cases. `.listMode`, “.gridMode`

Swift

// syntax for set(layoutMode: LayoutMode)
actionSheet.set(layoutMode: .gridMode)

Set ActionSheetStyle

User can style the action sheet with the help of properties provided by the ActionSheetStyle.

Method	Description
`set(background: UIColor)`	Sets the background color for ActionSheet
`set(cornerRadius: CometChatCornerStyle)`	Sets the corner radius for ActionSheet
`set(borderWidth: CGFloat)`	Sets the border width for ActionSheet
`set(borderColor: UIColor)`	Sets the border color for ActionSheet
`set(titleColor: UIColor)`	Sets the title color for ActionSheet
`set(titleFont: UIFont)`	Sets the title font for ActionSheet
set(layoutModeIconTint: UIColor)	Sets the layout mode icon tint for ActionSheet
set(cancelButtonIconTint: UIColor)	Sets the cancel button icon tint for ActionSheet
set(listItemIconTint: UIColor)	Sets the list item icon tint for ActionSheet
set(listItemTitleFont: UIFont)	Sets the list item title font for ActionSheet
set(listItemTitleColor: UIColor)	Sets the list item title color for ActionSheet
set(listItemIconBackground: UIColor)	Sets the list item icon background for ActionSheet
set(listItemIconBorderRadius: CGFloat)	Sets the list item icon corner radius for ActionSheet

Swift

// Creating  ListItemStyle object
let listItemStyle = ListItemStyle()

// Creating  Modifying the propeties of list item
 listItemStyle.set(background: .black)
              .set(titleFont: .systemFont(ofSize: 18))
              .set(titleColor: .white)
              .set(cornerRadius: CometChatCornerStyle(cornerRadius: 2.0))
              .set(borderColor: .white)
              .set(borderWidth: 5)

// Setting the list item style
cometChatConversations.set(listItemStyle: listItemStyle)

​Overview

​Components

​Methods

​Set Action Items

​Set Layout Mode

​Set ActionSheetStyle