Custom HTML Templating Guide
You can use a custom HTML template for the widget to gain full control of your app’s appearance. This allows you to tailor the look and feel to meet your specific requirements. The template only requires a {{titleText}} token that is replaced by the Location name and Qty, or the Location name and the Threshold message (indicating “High Stock” or “Low Stock”).
Default HTML Template
Below is the default HTML template used by the app. You can modify it to fit your requirements:
<div class=”iia-list-item iia-id-{{location-id}}”>
<div class=”iia-title-text”>{{titleText}}</div>
<div class=”iia-address”>{{address1}} {{address2}}
{{city}}, {{province}} {{zip}}</div>
<div class=”iia-phone”>{{phone}}</div>
<div class=”iia-info”>{{info}}</div>
<div class=”iia-note”>{{note}}</div>
You can adjust the styling and structure of each location item to fit your application’s design better.