---
schema_version: "1"
id: 95f1ed3209ccc0e461999c785e7039ff1c75db36fe04bd97a9dcdf8e5535ecbd
title: LWC Omniscript Designer Changes and Enhancements (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_lwc_omniscript_designer_changes_and_enhancements.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_lwc_omniscript_designer_changes_and_enhancements.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f5aaace97e6fe38cb5ca3012e735e5f76d9f111e44a84dbfc4db1ccab2bd0176
description: For the managed package runtime, beginning with the Vlocity Insurance and Health Spring '20, the Vlocity LWC Omniscript Designer includes new features and changes to existing features.
products:
  - Omnistudio
release: "264"
---
# LWC Omniscript Designer Changes and Enhancements (Managed Package)

For the managed package runtime, beginning with the Vlocity Insurance and Health Spring '20, the Vlocity LWC Omniscript Designer includes new features and changes to existing features.

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

Changes in functionality affect how you must configure an LWC Omniscript and how an LWC Omniscript performs.

## Changes and Enhancements for Vlocity Insurance and Health and Vlocity CME Summer '20

This section lists changes and enhancements specific to the LWC Omniscript Designer.

## New Setup Properties

<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="d208696e65">
              <p style="margin-bottom:0;">Section: Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e71">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Enable Unload Warning</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">The Enable Unload Warning property is available in LWC Omniscripts.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">Styling Options: <strong class="uicontrol">Custom Lightning Stylesheet File
                  Name</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">Reference a static resource that contain a custom Lightning
                stylesheet.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">Styling Options: <strong class="uicontrol">Custom Newport Stylesheet File
                  Name</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">Reference a static resource that contain a custom Newport stylesheet. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">Styling Options: <strong class="uicontrol">Scroll Animation</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">Turn scroll animation on to add a smooth scroll animation to your
                Omniscript.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">Cancel Options: <strong class="uicontrol">Tracking Business Category</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">Define a business category for a tracking entry. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Section: Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e65 ">
              <p style="margin-bottom:0;">Cancel Options: <strong class="uicontrol">Tracking Business Event</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e71 ">
              <p style="margin-bottom:0;">Define a business tracking event for a tracking entry. </p>
            </td>

          </tr>
        </tbody>
      </table>

## New Element Properties

These properties are now available in LWC Omniscript Designer

<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="d208696e212">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e218">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e212 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Tracking Business Category</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e218 ">
              <p style="margin-bottom:0;">Define a business category for a tracking entry. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e212 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Tracking Business Event</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e218 ">
              <p style="margin-bottom:0;">Define a business tracking event for a tracking entry. </p>
            </td>

          </tr>
        </tbody>
      </table>

## Added Element Property Support

The LWC Omniscript Designer now supports these properties.

<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="d208696e286">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e292">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e286 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Edit Block Label LWC Component Override</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e292 ">
              <p style="margin-bottom:0;">Edit Block's Cards and Long Cards modes support the Edit Block Label LWC
                Component Override. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e286 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Edit Block New LWC Component Override</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e292 ">
              <p style="margin-bottom:0;">Edit Block's Cards mode supports the Edit Block New LWC Component
                Override. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e286 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Use Continuation</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e292 ">
              <p style="margin-bottom:0;">The Remote Action's Use Continuation property, which enables you to
                invoke apex classes that return continuation objects, appears in the UI. </p>
            </td>

          </tr>
        </tbody>
      </table>

## Added Element Support

The LWC Omniscript Designer now supports these elements.

<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="d208696e379">
              <p style="margin-bottom:0;">Element</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e385">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Element" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e379 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_matrix_action.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, the Omniscript Matrix Action enables you to retrieve a value from a calculation matrix by specifying the required input parameters.">Matrix
                  Action</a>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e385 ">
              <p style="margin-bottom:0;">Call a Calculation Procedure with specific inputs and retrieve a
                value.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Element" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e379 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_pdf_action_to_an_omniscript.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, populate a PDF with Omniscript data using the PDF Action.">PDF Action</a>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e385 ">
              <p style="margin-bottom:0;">Fill and display PDFs using Omniscript data.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Element" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e379 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_set_errors_in_an_omniscript.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, put error or validation messaging on one or more elements in a previous step based on conditions from future steps using the Set Errors action element. Using required fields and Formula/Messaging elements, you can set requirements and conditions on elements only in the current step.">Set
                  Errors Action</a>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e385 ">
              <p style="margin-bottom:0;">Render validation messaging on one or more elements in a Step.</p>
            </td>

          </tr>
        </tbody>
      </table>

## New Functionalities

The LWC Omniscript Designer now includes these functionalities.

<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="d208696e483">
              <p style="margin-bottom:0;">Functionality</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e489">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e483 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Cancel Options</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e489 ">
              <p style="margin-bottom:0;">Configure Cancel Options to direct users to different Salesforce
                experiences. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e483 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Download Off-Platform LWC </strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e489 ">
              <p style="margin-bottom:0;">Download the Omniscript LWC to add it to OmniOut. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e483 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Hide Conditional Elements</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e489 ">
              <p style="margin-bottom:0;">Hide conditional elements in the designer by checking the hide
                conditional elements checkbox in the canvas. </p>
            </td>

          </tr>
        </tbody>
      </table>

## Added Functionality Support

The LWC Omniscript Designer now supports these functionalities.

<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="d208696e575">
              <p style="margin-bottom:0;">Functionality</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e581">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e575 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Edit Block SObject Mapping</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e581 ">
              <p style="margin-bottom:0;">The SObject mapping section appears in the UI of the Edit Block
                properties.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e575 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Full-width Preview</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e581 ">
              <p style="margin-bottom:0;">Collapse the Debug Panel to hide the Data JSON and Action debugger and
                preview the Omniscript in a full-width page. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e575 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Multi-Language: Custom Label Translations</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e581 ">
              <p style="margin-bottom:0;">Configure custom label translations from the LWC Omniscript Designer when
                designing a multi-language Omniscript.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Changes in Functionality

The File and Image elements no longer contain the **Upload to Content Document** checkbox property. LWC Omniscripts always upload files and images to the content document.

## Changes and Enhancements for Vlocity Insurance and Health Spring '20

## Changes to UI Section Names

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e683">
              <p style="margin-bottom:0;">UI Section Name LWC OS Designer</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e689">
              <p style="margin-bottom:0;">UI Section Name Classic OS Designer</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e695">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="UI Section Name LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e683 ">
              <p style="margin-bottom:0;">Build</p>
            </td>

            <td data-label="UI Section Name Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e689 ">
              <p style="margin-bottom:0;">Available Components</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e695 ">
              <p style="margin-bottom:0;">Lists available elements.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="UI Section Name LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e683 ">
              <p style="margin-bottom:0;">Canvas (not labeled)</p>
            </td>

            <td data-label="UI Section Name Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e689 ">
              <p style="margin-bottom:0;">Structure</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e695 ">
              <p style="margin-bottom:0;">Drag and drop elements here to build the script.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="UI Section Name LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e683 ">
              <p style="margin-bottom:0;">Navigation Panel (not labeled)</p>
            </td>

            <td data-label="UI Section Name Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e689 ">
              <p style="margin-bottom:0;">n/a</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e695 ">
              <p style="margin-bottom:0;">See higher-level and detailed views of the script structure.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="UI Section Name LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e683 ">
              <p style="margin-bottom:0;">Setup</p>
            </td>

            <td data-label="UI Section Name Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e689 ">
              <p style="margin-bottom:0;">Script Configuration</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e695 ">
              <p style="margin-bottom:0;">Configure script-wide settings.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Changes in Functionality

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e810">
              <p style="margin-bottom:0;">Functionality</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e816">
              <p style="margin-bottom:0;">LWC OS Designer</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e822">
              <p style="margin-bottom:0;">Classic OS Designer</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Activating Inactive Elements</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">Inactive elements disappear from the canvas. To activate inactive
                elements, from Tree View or Slide View of the Navigation Panel, select
                the element, then activate it in the Properties panel. </p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">Activate inactive elements by clicking the element on the Structure Panel
                and activating it on the Properties panel.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">Cancel</td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">Add a cancel option to an LWC Omniscript by configuring the Navigate
                Action. </p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">The Cancel link appears on every Step in an Omniscript. Configure Cancel
                Options in the Script Configuration tab. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">Conditional View</td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">In the Properties panel, from the <strong class="uicontrol">Conditional Type</strong>
                dropdown, select Show Element If True, Set Element To Required If True,
                or Disable Read Only If True.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">In the Properties panel, from the <strong class="uicontrol">Conditional View</strong>
                dropdown, select Hide element if false, Set element to readonly if false,
                or Set required element to optional if false.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Data JSON</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">In Preview, view <strong class="uicontrol">Data JSON</strong>. Click clipboard icon
                to copy full data JSON.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">In Preview, click <strong class="uicontrol">Data</strong> to view full data JSON.
                Copy all or parts of the data JSON.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Editing Properties as JSON for a Navigation Action</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">Property options are not visible when <strong class="uicontrol">Editing Properties as
                  JSON</strong>. To view the options in the JSON, first set the
                property in the property UI.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;"><strong class="uicontrol">Edit as JSON</strong> to edit all properties available in
                the Properties UI.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Step Elements Widths</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">Control the width and placement of elements in a step on the canvas with
                the adjustable 12-column horizontal grid and drag-and-drop features.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">Drag-and-drop elements onto Structure Panel. Control element widths with
                the <strong class="uicontrol">Control Width</strong> property in the Properties
                panel.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Theme</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">View Omniscript in Newport or Lightning themes in Design and Preview
                modes.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">View Omniscript in Newport or Lightning themes in Preview.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e810 ">
              <p style="margin-bottom:0;">Update Preview</p>
            </td>

            <td data-label="LWC OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e816 ">
              <p style="margin-bottom:0;">Click the reload icon in Preview to update preview and reset data
                fields.</p>
            </td>

            <td data-label="Classic OS Designer" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e822 ">
              <p style="margin-bottom:0;">In Preview, click Data, click Update to update preview and reset data
                fields.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Added Functionality Support

<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="d208696e1034">
              <p style="margin-bottom:0;">Functionality</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e1040">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1034 ">
              <p style="margin-bottom:0;">Edit Block: SObject Mapping</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1040 ">
              <p style="margin-bottom:0;">In the LWC Omniscript Designer, the SObject Mapping section does not
                work. To edit the SObject mapping, use the classic designer. Once the
                edits are complete, switch back to the LWC Omniscript Designer to test
                the mapping.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Functionality Unique to LWC OS Designer

<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="d208696e1084">
              <p style="margin-bottom:0;">Functionality</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e1090">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1084 ">
              <p style="margin-bottom:0;">Canvas</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1090 ">
              <p style="margin-bottom:0;">Build and manage your script on an adjustable canvas.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1084 ">
              <p style="margin-bottom:0;">In-Product Help</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1090 ">
              <p style="margin-bottom:0;">Access In-Product Help to view contextual information and instruction
                about elements and properties without leaving your script.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1084 ">
              <p style="margin-bottom:0;">Preview Device</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1090 ">
              <p style="margin-bottom:0;">Preview how your LWC Omniscript appears on mobile, desktop, and tablet
                with the <strong class="uicontrol">Preview Device</strong> feature.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1084 ">
              <p style="margin-bottom:0;">Slide View</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1090 ">
              <p style="margin-bottom:0;">In the Slide View of the Navigation Panel, see a high-level overview of
                our Omniscript and navigate between active and inactive elements.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Functionality" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1084 ">
              <p style="margin-bottom:0;">Tree View</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1090 ">
              <p style="margin-bottom:0;">In the Tree View of the Navigation Panel, see a detailed view of your
                Omniscript and navigate between active and inactive elements.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Setup Properties Unique to LWC OS Designer

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e1198">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e1204">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d208696e1210">
              <p style="margin-bottom:0;">Example</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1198 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Default Error Message</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1204 ">
              <p style="margin-bottom:0;">Sets a script wide default error message that displays if an error
                message for a specific action does not exist.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1210 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_customize_omniscript_error_messages.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, the error message handler enables you to replace default error messages from remote apex calls with more user-friendly error messages when errors occur in Omniscript. The Error Messages handler property is available in File elements, Image elements, all Action elements, Omniscript Script Configuration, and Setup.">Customize Omniscript Error Messages</a>
              </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1198 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Lightning Design System Design Token Overrides</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1204 ">
              <p style="margin-bottom:0;">Override Salesforce's Lightning Design System design tokens.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d208696e1210 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_customize_slds_design_tokens_in_omniscript.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, modify the appearance of an Omniscript by overriding Salesforce's SLDS Design tokens. Omniscript elements use SLDS Design Tokens for styling. Override tokens that have global access to modify the appearance of your Omniscript.">Customize SLDS Design Tokens in Omniscript</a>
              </p>
            </td>

          </tr>
        </tbody>
      </table>

## Element Changes

- View elements in Build panel to drag onto the canvas to build your scripts.
- Search for elements in the Build panel.