Override an Edit Block LWC in Omniscripts

Original Edit Block Card	Custom Edit Block Card Example

Example:

import omniscriptEditBlock from "VLOCITYNAMESPACE/omniscriptEditBlock";
    import template from "./editblockCardCustomize.html"
    export default class editblockCardCustomize extends omniscriptEditBlock{
        // your properties and methods here
        
        render()
        {
            if (this.jsonDef) {
                this._hasChildren = this.jsonDef.children.length > 0;
                this._isFirstIndex = this.jsonDef.index === 0;

                if (this._isCards && this._isFirstIndex) {
                    // hides the first short card with no children
                    if (!this._hasChildren) {
                        this.classList.add(this._theme + '-hide');
                    } else {
                        this.classList.remove(this._theme + '-hide');
                    }
                }
            }
            return template;
        }
    }

Original Edit Block Label	Custom Edit Block Label

Example:

import omniscriptEditBlockLabel from "NS/omniscriptEditBlockLabel";
    import template from "./editblockLabelCustomize.html"
    export default class editblockLabelCustomize extends omniscriptEditBlockLabel{
        // your properties and methods here
        
        render()
          {
            return template;
          }
    }

Original Edit Block New Card	Custom Edit Block New Example

Using this code example, replace the NS with the namespace of the package. For information on finding the namespace, see View the Namespace and Version of Managed Packages.

Example:

   import omniscriptEditBlockNew from "NS/omniscriptEditBlockNew";
    import template from "./editblockNewCustomize.html"
    export default class editblockNewCustomize extends omniscriptEditBlockNew{
        // your properties and methods here
        render()
          {
            return template;
          }
    }