TLX Template Preview

Handlebars v4.7  ·  Live rendering
Ready
HTML Template Handlebars syntax
JSON Data input context
Preview
Paste template + JSON, then click Render
Step 1 of 8

ⓘ Handlebars Helpers Reference

Basic Handlebars Syntax
Output a variable
{{FieldName}}
Loop over an array
{{#each Items}} {{Description}} {{/each}}
Conditional (if)
{{#if Flag}} show this {{else}} show that {{/if}}
Conditional (unless)
{{#unless Flag}} shown when false {{/unless}}
Loop index & parent access
{{@index}} {{@key}} {{../ParentField}}
Current item in loop
{{#each Tags}} {{this}} {{/each}}
Auto-computed Fields (BOL & PackingList)
Field Description
{{totalWeight}}Sum of all Items[].Weight
{{totalQty}}Sum of Qty where PalletFlag = "CH"
{{totalPallet}}Sum of PalletNumber (PL) + Qty (M)
{{Hazmatitemflagcheck}}true if any item has Hazmatitemflag set
{{totalservices}}Comma-joined list of SelectedService[].name
{{InstructionList}}Array from splitting SpecialInstruction on "||"
Custom Helpers (18 total — same as Lambda)
{{todaydate}}
Outputs today's date formatted as MM/DD/YYYY.
Ship Date: {{todaydate}}
{{todaydatetime}}
Outputs today's date and time.
Printed: {{todaydatetime}}
{{#paymenttype}}...{{/paymenttype}}
Converts payment type code (P/C/X) to readable label (Prepaid / Collect / 3rd Party).
{{#paymenttype PaymentType}}{{this}}{{/paymenttype}}
{{#pronumbercheck}}...{{/pronumbercheck}}
Displays PRO number or fallback text if empty.
{{#pronumbercheck ProNumber}}{{this}}{{/pronumbercheck}}
{{#Hazmatflagcheck}}...{{/Hazmatflagcheck}}
Block renders only if hazmat flag is set on the shipment.
{{#Hazmatflagcheck Hazmatitemflagcheck}} HAZMAT {{/Hazmatflagcheck}}
{{#InstructionsList}}...{{/InstructionsList}}
Iterates over the InstructionList array (split from SpecialInstruction).
{{#InstructionsList InstructionList}} {{this}} {{/InstructionsList}}
{{#clientlogo}}...{{/clientlogo}}
Renders the client logo img tag using ClientQBCode.
{{#clientlogo ClientQBCode}}{{this}}{{/clientlogo}}
{{#signature}}...{{/signature}}
Renders the driver signature image if signpath is present.
{{#signature signpath}}{{this}}{{/signature}}
{{#Amountcheck}}...{{/Amountcheck}}
Renders block only if the amount value is non-zero.
{{#Amountcheck DeclaredValue}} ${{DeclaredValue}} {{/Amountcheck}}
{{#Distancecheck}}...{{/Distancecheck}}
Renders block only if distance value is present and non-zero.
{{#Distancecheck Distance}} {{Distance}} mi {{/Distancecheck}}
{{#HSpalletflagcheck}}...{{/HSpalletflagcheck}}
Renders block when PalletFlag = "PL" (pallet line item).
{{#HSpalletflagcheck PalletFlag}} Pallets: {{PalletNumber}} {{/HSpalletflagcheck}}
{{#HSpalletflagcheckM}}...{{/HSpalletflagcheckM}}
Renders block when PalletFlag = "M" (master pallet).
{{#HSpalletflagcheckM PalletFlag}} {{Qty}} {{/HSpalletflagcheckM}}
{{#ifconditions a op b}}...{{/ifconditions}}
Compare two values. Operators: == != < > <= >=
{{#ifconditions Status '==' 'Active'}} Active {{/ifconditions}}
{{#for from to}}...{{/for}}
Numeric loop from start to end index. Use {{this}} for current value.
{{#for 0 5}} Row {{this}} {{/for}}
{{math a op b}}
Inline math. Operators: + - * / %
Total: {{math Qty '*' UnitPrice}} Page {{math @index '+' 1}} of {{Total}}
{{timeconversion time}}
Converts 24-hour time string to 12-hour AM/PM format.
Pickup: {{timeconversion PickupTime}}
{{setVar name value}} / {{getVar name}}
Store and retrieve a named variable within the template.
{{setVar 'total' 0}} {{getVar 'total'}}
{{getChunksArray array size}}
Splits an array into chunks of given size. Useful for multi-column layouts.
{{#each (getChunksArray Items 3)}} {{#each this}}{{Description}}{{/each}} {{/each}}