Skip to main content

How to create or edit HTML label with QR or barcode manual

  1. Go to Administration – Asset Management – Print report templates and select Asset label with QR code or Asset label with barcode.

  2. Edit the template and save HTML file to disk.

  3. Open the HTML file from disk in MS Word

  4. Design the label:

    1. Set the page size and margins to appropriate dimensions of the real label size (i.e. 50 x 25 mm, zero margins).
    2. Switch the view in the MS Word to “Print layout view” to see page size and margins.
    note

    Paragraph style in the Word influences everything. We recommend to use No Spacing style, especially if you want to use table for positioning.

    1. Insert/edit the QR code / barcode area. The best way is to insert a shape and add a text [$AssetCode$] into it.
    note

    the shape dimensions determines the real QR/barcode size of the label.

    1. Insert another static or variable texts if you like (you can use @Node variables for HTML print report templates).
    note

    For better positioning, you can insert a table and put the code area / texts into a table cells.

  5. When are you done, save the result as a “Web page, Filtered”:

    • Important: In the Save As dialog, set the page title to: @Model.PrintTemplateType = AssetLabel

  6. You can check the result HTML file in any HTML editor:

    • The TITLE tag should be @Model.PrintTemplateType = AssetLabel
    • The code area should be an IMG tag with alt="[$AssetCode$]" attribute.
    • The page size and the margins should be set in the @page CSS style.
    note

    Or you can insert variables @AssetLabelWidthMm and @AssetLabelHeightMm, if you are using another HTML editor.

  7. If you placed all label content into a table, it is necessary to remove last paragraph, that MS Word inserted. Look for: <p class=MsoNormal ...>&nbsp;</p> at the end of the file and remove it. Otherwise an empty page will be printed between labels.

  8. Import the modified HTML file back to the ALVAO and replace the old HTML, or create a new template and import HTML there.