Call Button
is a Component provides users with the ability to make calls, access call-related functionalities, and control call settings. Clicking this button typically triggers the call to be placed to the desired recipient.
onVoiceCallClick
is triggered when you click the voice call button of the Call Buttons
component. You can override this action using the following code snippet.
onVideoCallClick
is triggered when you click the video call button of the Call Buttons
component. You can override this action 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 Call Buttons
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 list of events emitted by the Call Buttons
component is as follows.
Event | Description |
---|---|
ccCallRejected | This event is triggered when the initiated call is rejected by the receiver. |
ccCallEnded | This event is triggered when the initiated call successfully ends. |
ccOutgoingCall | This event is triggered when the user initiates a voice/video call. |
ccMessageSent | This event is triggered when the sent message is in transit and also when it is received by the receiver. |
CometChatCallEvents
Listener’s
CallButtonsStyle
object to the Call Buttons
component.
callButtonsStyle
.
CallButtonsStyle
:
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; |
voiceCallIconTint | Used to set voice call icon tint | voiceCallIconTint?: string, |
videoCallIconTint | Used to set video call icon tint | videoCallIconTint?: string; |
voiceCallIconTextFont | Used to set voice call icon text font | voiceCallIconTextFont?: string; |
videoCallIconTextFont | Used to set video call icon text font | videoCallIconTextFont?: string; |
voiceCallIconTextColor | Used to set voice call icon text color | voiceCallIconTextColor?: string; |
videoCallIconTextColor | Used to set video call icon text color | videoCallIconTextColor?: string; |
buttonBackground | Used to set button background color | buttonBackground?: string; |
buttonBorder | Used to set button border | buttonBorder?: string; |
buttonBorderRadius | Used to set button border radius | buttonBorderRadius?: string; |
buttonPadding | Used to set button padding | buttonPadding?: string; |
Call Buttons
component.
Property | Description | Code |
---|---|---|
videoCallIconHoverText | Used to set the custom text or tooltip displayed on the video call button on mouse over. | [videoCallIconHoverText]="'Your Custom Video Call Icon Hover Text'" |
voiceCallIconHoverText | Used to set the custom text or tooltip displayed on the voice call button on mouse over. | [voiceCallIconHoverText]="'Your Custom Voice Call Icon Hover text'" |
videoCallIconText | Used to set custom video call icon text | [videoCallIconText]="'Your Custom Video Call Icon Text'" |
voiceCallIconText | Used to set custom voice call icon text | [voiceCallIconText]="'Your Custom Voice Call Icon Text'" |
videoCallIconURL | Used to set custom Icon for Video Call Button | [videoCallIconURL]="videoCallIconURL" |
voiceCallIconURL | Used to set custom Icon for Voice Call Button | [videoCallIconURL]="videoCallIconURL" |
group | Used to set the group object for Call Buttons | [group]="groupObject" |
user | Sets the user object for Call Buttons | [user]="userObject" |
Call Buttons
component does not offer any advanced functionalities beyond this level of customization.
CallScreenConfiguration
object.
The OngoingCallConfiguration
provides access to all the Action, Filters, Styles, Functionality, and Advanced properties of the OngoingCall component.
Please note that the Properties marked with the 🛑 symbol are not accessible within the Configuration Object.Example
ongoingCallConfiguration
.
OutGoingCallConfiguration
object.
The OutGoingCallConfiguration
provides access to all the Action, Filters, Styles, Functionality, and Advanced properties of the OutGoingCall component.
Please note that the Properties marked with the 🛑 symbol are not accessible within the Configuration Object.Example
OutGoingCallConfiguration
.