Display modes

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

ParameterDescription
activeTabsallows 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>

You will see the following content