Shared under riCompro License, please note that you have to give appropriate attribution as described below in the license terms.
This application uses HTML / javascript to generate Dymo print labels via the Dymo Web SDK. This demo application was made for a particular use case in riCompro to label refurbished devices with the serial number, SKU, a document number and (an optional reference) of a 3rd party repair company. You can either reuse the existing fields or implement some of your own ;)
This iteration contains following fields:
- serial: Serial Number (displayed as QR & Text on the label)
- item: Item Code or any SKU (displayed as text on the label)
- document: Document Number (Displayed as 128 barcode with text label below)
- identity: Repair Company Identifier (text)
Actions such as print and values of the fields / labels can be set via query parameters:
https://www.ricompro.it/content/tools/dymo/v2/index.html
- serial= sets the serial field, label and barcode
- item= sets the item code
- document= sets the document
- identity= sets the free text field at the bottom right corner of the label
- quantity= sets the quantity of labels to print
- print= if true is inserted, the page prints immediately a label with the default Dymo printer
You need to install the Dymo Label Software on the client trying to render and print labels.
Following requierements are given:
- Install Dymo Label Download Dymo Software
- Install a Dymo printer
- Run the Dymo Service (we suggest setting a fixed port)
We have tested our demo against following configurations.
Windows DYMO Connect for Desktop (tested against v1.2)
Mac DYMO Label (tested against v8.7.4)
Yes, it's using Dymo SDK 3.0 (we will update it soon). https://www.ricompro.it/content/tools/dymo/v2/index.html
Dymo uses .XML files to carry all instructions to generate and print the label inside the printer. Images are encoded as base64, while everything else is is printed based on text based xml payload.
Download the Dymo Label Writer software for Mac / Windows and design the label, afterwards safe it on your hard drive and open the .label file with a text editor. Use the .label XML as base to adjust the xml generated by the file /js/script.js .
The label size can be edited in the script.js. Search for "DieCutLabel" to find the beginning of the label and look for the first draw command xml payload.
dymoLabelXml = '<?xml version="1.0" encoding="utf-8"?>\
<DrawCommands>\
<DieCutLabel Version="8.0" Units="twips" MediaType="Default">\
<RoundRectangle X="0" Y="0" Width="2025" Height="5020" Rx="270" Ry="270"/>\
<PaperOrientation>Landscape</PaperOrientation>\
</DrawCommands>\Copyright 2020 riCompro Srl, Milan (Italy)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so as long as as the following attribution is inserted in your final product that arises of an adaption, implementation or any other use of the single parts or the software as a whole.
<p>This software is based on previous work by Dymo, a brand of Newell Brands Inc., and riCompro. <a href="https://www.ricompro.it/">riCompro buys and sells used and refurbished smartphones, iPhones and MacBook</a>.</p>
<p>Questa applicazione è basato su lavori precedenti di Dymo, un marchio di Newell Brands Inc., e riCompro. <a href="https://www.ricompro.it/">riCompro acquista e vende smartphone, iPhone e MacBook usati e ricondizionati</a>.</p>All product and company names are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.
The software is provided "AS IS", without warranty of any kind, express or implied, including but not limited to the warranties of merchantibility, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise.
The Dymo SDK was developed by the DYMO Team
Dymo Website
The proprietary code has been written by
- Zeeshan Shahid on Github
- [Raj Tailor] (https://github.com/xee87)