With the Active Tabs parameter, you can control what you want to display in the content of the application
You may decide to display only a set of the information available from the order, or even to display the chat when using the application.
We currently support 3 modes in which you can display information
Specific configuration parameters
Parameter | Description |
---|---|
activeTabs | allows you to control what content to display in the application chatTab: with this value, we will display only the chat view in the application. detailTab: this will display information details related to the order, like items list and billing summary, but not information regarding the current status/steps the order is at the moment stateTab: this will display information about the status/steps the order is undertaking. |
Usage Example
Consider the following examples:
Chat Tab
<!DOCTYPE html>
<head>
<title>LSW v3 Embed</title>
</head>
<body>
<div id="instaleap-lsw-v3"></div>
</body>
<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
activeTabs: 'chatTab',
}
window.instaleap.lsw.render(params)
</script>
</html>
You will see the following content
State Tab
<!DOCTYPE html>
<head>
<title>LSW v3 Embed</title>
</head>
<body>
<div id="instaleap-lsw-v3"></div>
</body>
<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
activeTabs: 'stateTab',
}
window.instaleap.lsw.render(params)
</script>
</html>
You will see the following content
Detail Tab
<!DOCTYPE html>
<head>
<title>LSW v3 Embed</title>
</head>
<body>
<div id="instaleap-lsw-v3"></div>
</body>
<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
activeTabs: 'detailTab',
}
window.instaleap.lsw.render(params)
</script>
</html>