Custom HTML Templating Guide

Table Of Contents

Gain full control over the appearance of your app by providing a custom HTML template for the widget. By using your own template, you can customize the look and feel to match your specific needs. The only requirement in the template is the {{titleText}} token, which gets replaced by the Location name and Qty or the location name and threshold message (High/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.

What are your feelings