---
schema_version: "1"
id: 0af4a1a7e54583abad5f7e1a3ddd74d08fb2042a3ca745361e6f3211e5a858fa
title: Extend the Edit Block Label LWC (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_extend_the_edit_block_label_lwc.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_extend_the_edit_block_label_lwc.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 7a42c1cffdfa3c5e8ac0370c865f2c9f4dbaf87782c2c4974e3f0e31254e9eac
description: For the managed package runtime, customize an LWC Edit Block's Label for the Cards and Long Cards edit modes by extending the Edit Block Label LWC. Exclusive to Cards and Long Cards edit mode, the Edit Block Label LWC overrides the original labels, including global actions.
products:
  - Omnistudio
release: "264"
---
# Extend the Edit Block Label LWC (Managed Package)

For the managed package runtime, customize an LWC Edit Block's Label for the Cards and Long Cards edit modes by extending the Edit Block Label LWC. Exclusive to Cards and Long Cards edit mode, the Edit Block Label LWC overrides the original labels, including global actions.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

Ensure you understand the requirements for extending an Omniscript element's Lightning web component.

1. Create a custom LWC in VisualStudio or [download a custom Edit Block LWC example](https://volt.my.salesforce.com/sfc/p/o0000000IKm8/a/3m0000005uix/dMeD_e8ncd3MyhW1r7u26qiCXHx_c1r6VSuhPVwLhT8). The code in the custom LWC example changes the label of a global action to green.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col>
              <col>
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d33764e64">
                  <p style="margin-bottom:0;">Original Edit Block Label</p>
                </th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d33764e70">
                  <p style="margin-bottom:0;">Custom Edit Block Label</p>
                </th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Original Edit Block Label" class="slds-cell-wrap" style="vertical-align:top;" headers="d33764e64 "><a name="os_extend_the_edit_block_label_lwc__uuid-82d73e49-0279-6986-9d5a-e64f8b0a8049-en.png__d42e238035a1310"><!-- --></a>
                  <div><img id="os_extend_the_edit_block_label_lwc__uuid-82d73e49-0279-6986-9d5a-e64f8b0a8049-en.png__d42e238035a1310" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/owc_edit_block_label_og.png" alt="image"></div>
                </td>

                <td data-label="Custom Edit Block Label" class="slds-cell-wrap" style="vertical-align:top;" headers="d33764e70 "><a name="os_extend_the_edit_block_label_lwc__uuid-27a01923-fb80-2aa9-9ef4-7bc1efa44db2-en.png__d42e238037a1310"><!-- --></a>
                  <div><img id="os_extend_the_edit_block_label_lwc__uuid-27a01923-fb80-2aa9-9ef4-7bc1efa44db2-en.png__d42e238037a1310" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/edit_block_card_label_lwc.png" alt="image"></div>
                </td>

              </tr>
            </tbody>
          </table>
2. In the LWC's JavaScript file, extend the Edit Block Label LWC. Using this code example, replace the NS with the namespace of the package.
    
    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;
              }
        }
    ```
3. Add code to the custom LWC.
4. Deploy the custom LWC to Salesforce.
5. Go to the Omniscript that contains the Edit Block LWC.
6. In the Edit Block's properties, select **Edit Block Mode**, and click **Cards** or **LongCards**.
7. In the Edit Block's Edit Block Label LWC Component Override field, enter the name of the custom LWC.
8. Activate the Omniscript and preview your changes.