---
schema_version: "1"
id: f9a93e3f9fafd95244b889a9ad864c28373d31d856f7458ae408d1e8ddddcc41
title: Extend the Edit Block New 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_new_lwc.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_extend_the_edit_block_new_lwc.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ca8ef875aac30ec60aded21ca28e376d9c429b773f69b85086829a75e3d8e429
description: For the managed package runtime, customize an LWC Edit Block's new entry card by extending the Edit Block New LWC. Exclusive to the Card edit mode, the Edit Block New LWC overrides the new entry card.
products:
  - Omnistudio
release: "264"
---
# Extend the Edit Block New LWC (Managed Package)

For the managed package runtime, customize an LWC Edit Block's new entry card by extending the Edit Block New LWC. Exclusive to the Card edit mode, the Edit Block New LWC overrides the new entry card.

![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).

Before You Begin

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 New LWC example](https://volt.my.salesforce.com/sfc/p/o0000000IKm8/a/3m0000005uj2/fGigz_NYrN8wsmjC8rvQcb4iI98bfUkeG78d2Eyra9o). The code in the custom LWC example changes the text color 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="d211126e67">
                  <p style="margin-bottom:0;">Original Edit Block New Card</p>
                </th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d211126e73">
                  <p style="margin-bottom:0;">Custom Edit Block New Example</p>
                </th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Original Edit Block New Card" class="slds-cell-wrap" style="vertical-align:top;" headers="d211126e67 ">
                  <div><img style="width:100px;" 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_card_new_og.png" alt="image"></div>
                </td>

                <td data-label="Custom Edit Block New Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d211126e73 ">
                  <div><img style="width:100px;" 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_new_lwc.png" alt="image"></div>
                </td>

              </tr>
            </tbody>
          </table>
2. In the LWC's JavaScript file, extend the Edit Block New LWC. Using this code example, replace the NS with the namespace of the package.
    
    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;
              }
        }
    ```
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, click **Edit Block Mode** and select **Cards**.
7. In the Edit Block’s Edit Block New LWC Component Override field, enter the name of the custom LWC.
8. Activate the Omniscript and preview your changes.