Guides

Show only

This Parameter allows you to display only the specified element in the app

📘

List

Right now, you. can display in isolation, the following components

  • Map
  • Steps

📘

Custom title

You can customize the step title in the view Steps using the parameter stepViewTitle.
Only works when showOnly='steps' is passed by library.

ParameterDescription
showOnlyallows you to choose not to render the order header element of the application

default: ""
options: "map", "steps"
stepView.titleParameter to customize the title of the step view
showAddressDisplays the address according to the operating model

default: false
options: true or false

Usage Example

Consider the following examples:

  • Map

<!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",                  
        showOnly: 'map'
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Steps

<!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",                  
        showOnly: 'steps'
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

Step Title

<!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",                  
        showOnly: 'steps',
      	stepView: {
        title: "Custom step view title" 
        } 
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Show Address

<!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",                  
        showOnly: 'steps',
      	showAddress: true
    }
    window.instaleap.lsw.render(params)
</script>
</html>