Post Request: Show Barcodes on forms

[jacebenson]

What is the post about? Showing Barcodes on forms.

What things would help with writing the post

• https://community.servicenow.com/community?id=community_question&sys_id=2f26c2dadb61db044e1df4621f961901&anchor=answer_eaaa1eefdb611f000e3dfb651f9619d0&view_source=searchResult

[jacebenson]

• Create UI Script copy/paste from https://cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js
• UI Macro: barcode
• Code:

  <?xml version="1.0" encoding="utf-8" ?>
  <j:jelly trim="false" 
           xmlns:j="jelly:core"
           xmlns:g="glide"
           xmlns:j2="null"
           xmlns:g2="null">
    <svg id="code128"></svg>
    <!--
    <svg id="ean-13"></svg>
    <svg id="ean-8"></svg>
    <svg id="ean-5"></svg>
    <svg id="ean-2"></svg>
    <svg id="upc-a"></svg>
    <svg id="code39"></svg>
    <svg id="itf-14"></svg>
    <svg id="msi"></svg>
    <svg id="pharmacode"></svg>
    -->
  </j:jelly>

• Add onChange client script to run on load/change to generate the barcode
• Code:

  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"});
    */
  });
  }

[jacebenson]

Posted: https://blog.jacebenson.com/post/2018-11-25-barcodes/