Outgoing Call
is comprised of the following components:
Components | Description |
---|---|
cometchat-card | this component displays structured content, often used for user profiles, chat messages, or group information in CometChat applications. |
cometchat-label | This component provides descriptive information about the associated UI element. |
cometchat-icon-button | The CometChat IconButton component allows for the easy integration of customizable icon buttons |
onCloseClicked
event gets activated when the close button is clicked. It does not have a default behavior. However, you can override its behavior using the following code snippet.
Component
. You can filter the list based on your specific criteria, allowing for a more customized. Filters can be applied using RequestBuilders
of Chat SDK.
The Outgoing Call
component does not have any exposed filters.
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 Outgoing Call
component does not have any exposed filters.
OutgoingCallStyle
object to the Outgoing Call
component.
outgoingCallStyle
.
Property | Description | Code |
---|---|---|
border | Used to set border | border?: string, |
borderRadius | Used to set border radius | borderRadius?: string; |
background | Used to set background colour | background?: string; |
height | Used to set height | height?: string; |
width | Used to set width | width?: string; |
titleTextFont | Used to set title text font | titleTextFont?: string, |
titleTextColor | Used to set title text color | titleTextColor?: string; |
subtitleTextFont | Used to set subtitle text font | subtitleTextFont?: string; |
subtitleTextColor | Used to set subtitle text color | subtitleTextColor?: string; |
declineButtonTextFont | Used to set decline button text font | declineButtonTextFont?: string; |
declineButtonTextColor | Used to set decline button text color | declineButtonTextColor?: string; |
declineButtonIconTint | Used to set decline button icon tint | declineButtonIconTint?: string; |
declineButtonIconBackground | Used to set decline button icon background color | declineButtonIconBackground?: string; |
Avatar
component within the Outgoing Call
Component, you can use the following code snippet. For more information you can refer Avatar Styles.
Outgoing Call
component.
Property | Description | Code |
---|---|---|
declineButtonText | Used to set custom decline button text | [declineButtonText]="'Your Custom Decline Button Text'" |
declineButtonIconURL | Used to set custom decline button icon URL | [declineButtonIconURL]="declineButtonIconURL" |
customSoundForCalls | Used to set custom sound for calls | [customSoundForCalls]="customSoundForCalls" |
disableSoundForCalls | Used to disable/enable the sound of Outgoing calls, by default it is set to false | [disableSoundForCalls]="false" |
call | Sets the call object for CometChatOutgoingCall | [call]="outgoingCallObject" |
customView
property, you can modify the CustomView to meet your specific needs.
Example