1 ACCEPTED SOLUTION
Looking at some things online, looks like this has been solved already.
See: https://github.com/lindell/JsBarcode/
So I thought I'd give it a try.
I'm not sure how you'll solve the dimension issue but with this library it's not that bad.
Steps to recreate;
1. Create UI Script and copy/paste the library code from: https://cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js
2. Create UI Macro with svg with id you will call later.
3. Create UI Formatter calling UI Macro name plus .xml
4. Add UI Formatter to form.
5. Add onChange script like so to form;
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
/*
* Run on load and on change.
if (isLoading || newValue === '') {
return;
}
*/
ScriptLoader.getScripts('jsbarcode.jsdbx', function() {
console.log('onchange');
JsBarcode("#code128", newValue);
/* JsBarcode("#ean-13", "1234567890128", {format: "ean13"});
JsBarcode("#ean-8", "12345670", {format: "ean8"});
JsBarcode("#ean-5", "12345", {format: "ean5"});
JsBarcode("#ean-2", "12", {format: "ean2"});
JsBarcode("#upc-a", "123456789012", {format: "upc"});
JsBarcode("#code39", "Hello", {format: "code39"});
JsBarcode("#itf-14", "1234567890123", {format: "itf14"});
JsBarcode("#msi", "123456", {format: "msi"});
JsBarcode("#pharmacode", "12345", {format: "pharmacode"});
*/
});
}Then it works onload and onchange.
