Loading
Table of Contents
Filter by (0)Add
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

            Search all of Salesforce Help
            Search all of Salesforce Help
            Launch Lightning Web Component URLs with vlocityLWCWrapper (Managed Package)

            You are here:

            1. Salesforce Help
            2. Docs
            3. Omnistudio for Managed Packages

            Launch Lightning Web Component URLs with vlocityLWCWrapper (Managed Package)

            For the managed package runtime, add the vlocityLWCWrapper to make Lightning web components in a Lightning page URL addressable. Lightning web components are not URL addressable by default. The vlocityLWCWrapper wraps the Lightning web component in a URL addressable aura component.

            Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

            Required Versions

            Available beginning with Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19.
            1. To configure the URL to launch the LWC, perform the following tasks:

              1. Add the wrapper by copying the relative path in the example and replacing the NS variable with the namespace of the Vlocity package.

                lightning/cmp/NS__vlocityLWCWrapper?

              2. Target the component by adding c__target= to the URL.

                lightning/cmp/NS__vlocityLWCWrapper?c__target=

              3. Set the URL to target the component by adding c: to indicate a component and add the component name without dashes using camelCase. For example, to add a component with the name <c-demo-button> use the syntax c:demoButton.

                lightning/cmp/NS__vlocityLWCWrapper?c__target=c:demoButton

              4. (Optional) When using the wrapper in a console app, add a Console Tab Icon and a Console Tab Label by setting the c__tabIcon and c__tabLabel parameters. The c__tabIcon accepts an SLDS Icon , and c__tabLabel accepts plain text. For example, &c__tabLabel=Custom Label&c__tabIcon=standard:account renders the console tab shown in this example image.

                LWC Console Tab

              5. (Optional) Assign additional attributes by passing parameters that match the attribute names. Parameters must use the c__ prefix.

                Example Button Component Code:

                <c-button label=”Dynamically Generated” variant=”outline-brand”</c-button>

                Example Button Component as a URL addressable component:

                lightning/cmp/NS__vlocityLWCWrapper?c__target=c:button&c__label=Dynamically Generated&c__variant=outline-brand

                Example Image:

                LWC Attributes
            2. To launch an LWC from a Layout action, perform the following tasks:

              1. From Setup, enter Object Manager into the Quick Find search.

              2. Select an Object, and click Buttons, Links, and Actions.

              3. Click New Button or Link.

              4. Set Display Type to Detail Page Button.

              5. Set Content Source to URL.

              6. In the URL value, add a vlocityLWCWrapper URL.

                lightning/cmp/NS__vlocityLWCWrapper?c__target=c:demoButton
             
            Loading
            Salesforce Help | Article