Call Layout Options
To adapt the calling popup to your website layout, you can pass in an optional options object to Cohere.makeCall().
The available options are:
    disableInCallPadding – On mobile, makes the calling popup takes up the entire screen width when the user is currently in a call. Takes in a boolean (either true or false).
    voiceWindowCollapsedOffset– Sets the initial offset for the collapsed bubble when in a call. Takes in an offset object: { top?: string, bottom?: string, left?: string, right?: string }
    voiceWindowEmbedOffset – Sets the overall offset for the calling popup. Takes in an offset object: { top?: string, bottom?: string, left?: string, right?: string }

Example

In order to make the calling popup full-width on mobile during a call and move the collapsed bubble up by 72 pixels from the bottom of the page, you can pass in disableInCallPadding and voiceWindowCollapsedOffset to makeCall():
1
Cohere.makeCall({
2
disableInCallPadding: true,
3
voiceWindowCollapsedOffset: { bottom: "72px" }
4
});
Copied!
Last modified 2mo ago
Copy link
Contents
Example