Cloud - How to make Chat Widget fullscreen
In cases like placing Chat Widget at a certain place in a product in an embedded browser (mobile/desktop application) or iframe, it would be best for Chat Widget to be opened automatically and as fullscreen to occupy all visible areas in the frame.
Â
In order to achieve that, you may simply add a parameter in the Chat Widget JavaScript like the following (line 12),
Â
Â
<script type="text/javascript">
var spartezSupportChat = {
portal: 1,
cloud: {
jiraId: 'xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
jiraUrl: 'https://xxxxxxxxxxxxxx.atlassian.net',
urls: {
rest: 'https://chat-api.spartez-software.com',
ws: 'https://chat-ws.spartez-software.com'
},
},
fullScreen: true
//meta: [ // optional, custom metadata to store in the issue created from conversation.
// { render: true, name: "Value Name 1", value: val1 }, // "render" values will be displayed in the chat dashboard
// { render: false, name: "Value Name 2", value: val2 },
//],
// delay: 100, // delay between page load and chat load in milliseconds
// container: 'spartez-support-chat-container', // ID of the page element that will be replaced by chat
// iconClass: '', // additional class added to the chat icon
// chatClass: '', // additional class added to the chat widget
// locale: 'en-us' // force a specified locale for displaying texts to the user
// instead of detecting it from the browser
}
</script>
<script type="text/javascript" src="https://chat-api.spartez-software.com/chat.js"></script>
Â
Â
For example, it will look like the screenshot below when you use fullScreen with iframe in a browser once the page is opened.
Â