Previous Next JavaScript must be enabled to correctly display this content

## 9.24 Steps to create util-extended folder

This topic provides the systematic instructions to perform the basic operations on the selected records.

1. Create a folder inside extended-components\js\components in app-shell for component user want to make label-changes.
2. Folder structure: <%componentName%>-util-extended\resources\<component-name>\nls.

   Example : for sms it would look like: sms-util-extended\resources\sms\nls.

3. Add the file bundle.js in the created folder.
4. The code inside bundle.js would be like-

       define(['ojL10n!' + window.location.origin + '/<%componentName%>-component-
       server/js/components/resources/<%componentName%>/nls/bundle.js'],
        function (baseLabels) {
       baseLabels.fsgbuobsmsmnusers.lblhomeBranch = "Foreig111n Branch"
       baseLabels.fsgbuobsmsmnusers.lblstatusChangedOn = "Yogesh"   return
       {
            'root': baseLabels
          };
       });

5. Some understanding for the code: -
   - Including the base labels by giving the path of bundle.js of main component.
   - Then changing the labels accordingly like in the example above -> Home Branch is replaced with “Foreign111n Branch”.
   - Returning the labels (including the changes).
6. Insertion of the below script into PRODUCT_EXTENDED_LEDGER table.

       Insert into PRODUCT_EXTENDED_LEDGER
       ID,CCA_NAME,CCA_TYPE,PARENT_CCA_NAME,PRODUCT_NAME)
       select nvl(new_uuid   ,'<%=componentName%>-util-
       extended','util',null,'EXTENDED_COMPONENTS'from PRODUCT_EXTENDED_LEDGER;

Parent topic: Extensibility Use Cases for OBX