Custom substep icons

You can change the default "Icon" used in the order substeps by setting "icon" parameter on each step.

The "Icon" configuration are being set in the "substeps" attribute of the configuration object.

Specific configuration parameters

ParameterDescription
subStepConfirmedIconString with an URL which will be used as display icon in the Confirmed order substep
subStepPickingIconString with an URL which will be used as display icon in the Picking order substep
subStepPickingIconActiveString with an URL which will be used as display icon in the Picking order substep when substep is active
subStepPickingIconInactiveString with an URL which will be used as display icon in the Picking order substep when substep is inactive
subStepGoingToDestinationIconString with an URL which will be used as display icon in the Going To Destination order substep
subStepGoingToDestinationIconActiveString with an URL which will be used as display icon in the Going To Destination when order substep is active
subStepGoingToDestinationIconInactiveString with an URL which will be used as display icon in the Going To Destination when order substep is inactive
subStepReadyToPickupIconString with an URL which will be used as display icon in the Ready For Pickup order substep
subStepReadyToPickupIconActiveString with an URL which will be used as display icon in the Ready For Pickup when order substep is active
subStepReadyToPickupIconInactiveString with an URL which will be used as display icon in the Ready For Pickup when order substep is inactive
subStepDeliveredIconString with an URL which will be used as display icon in the Delivered order substep
subStepDeliveredIconActiveString with an URL which will be used as display icon in the Delivered order substep when substep is active
subStepDeliveredIconInactiveString with an URL which will be used as display icon in the Delivered order substep when substep is inactive
subStepPickedUpIconString with an URL which will be used as display icon in the PickedUp order substep
subStepPickedUpIconActiveString with an URL which will be used as display icon in the PickedUp order substep when substep is active
subStepPickedUpIconInactiveString with an URL which will be used as display icon in the PickedUp order substep when substep is inactive

Usage Example

Consider the following example:

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepConfirmedIcon=https://instaleap.atlassian.net/rest/servicedesk/1/customer/viewport-resources/portal-logo/16/6&subStepPickingIcon=https://instaleap.atlassian.net/rest/servicedesk/1/customer/viewport-resources/portal-logo/16/6&subStepGoingToDestinationIcon=https://instaleap.atlassian.net/rest/servicedesk/1/customer/viewport-resources/portal-logo/16/6&subStepDeliveredIcon=https://instaleap.atlassian.net/rest/servicedesk/1/customer/viewport-resources/portal-logo/16/6

You will see the following content:

Example when the state of the order is Picked Up

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepPickedUpIcon=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Picking and the substep is active

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepPickingIconActive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Picking and the substep is inactive

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepPickingIconInactive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Going To Destination and the substep is active

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepGoingToDestinationIconActive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Going To Destination and the substep is inactive

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepGoingToDestinationIconInactive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Ready To Pickup and the substep is active

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepReadyToPickupIconActive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Ready To Pickup and the substep is inactive

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepReadyToPickupIconInactive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is PickedUp and the substep is active

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepPickedUpIconActive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is PickedUp and the substep is inactive

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepPickedUpIconInactive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Delivered and the substep is active

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepDeliveredIconActive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png

Example when the order substep is Delivered and the substep is inactive

https://xandar-lsw-v3.instaleap.io/?job=myJoB&token=myToken&subStepDeliveredIconInactive=https://cdn-icons-png.flaticon.com/512/2266/2266386.png