Loading
Salesforce now sends email only from verified domains. Read More
Visual Studio Code Based Modeler for Consumer Goods Cloud
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
            Use UIPluginV2

            You are here:

            1. Salesforce Help
            2. Docs
            3. Visual Studio Code Based Modeler

            Use UIPluginV2

            A UIPluginV2 is an XML file that contains configurations for HTML, CSS, and JavaScript. You can create a single UIPluginV2 control element within a single occurrence of the Area or Card element. Use the UIPluginV2 control element in UI contracts for customizations, such as display images and text in the Consumer Goods Cloud Offline Mobile App. For example, you can place your logo in the app. However, we recommend that you use UIPluginV2 only if none of the core elements fit your need. Using UIPlugin impacts the runtime and memory because UIPlugin is an iFrame.

            Required Editions

            Available in: Enterprise, Performance, and Unlimited Editions that have Consumer Goods Cloud enabled

            You can reference and use the UIPluginV2 contracts while keeping the existing interface, which was used for the former UIPlugin control. You can create or clone UIPluginV2 contracts, but can’t customize the core contracts. In the UI contract, you can specify the place where the UIPluginV2 control element is to be used. Based on the placement of the control, the other items of the control such as Resource, Binding, and Lists are also defined.

            You can place a UIPlugingV2 in the following elements in a UIDescription contract:

            • GroupedElementsArea
            • SingleElementsArea
            • CardContainer

            The table describes the attributes supported by the UIPluginControl UI element.

            Attribute Description Values Required?
            name Unique name of the UIPluginControlelement. Any string Yes
            uiPlugin Name of an existing UI Plugins contract. All the existing UI Plugins contracts that have enabled the UI PluginControl are visible here. Any string Yes

            The subelements of a UIPluginV2 are:

            • Bindings
            • Events
            • List
            • UIPluginV2 Controls
              Three framework-based UI controls are available, which are supported in the UI contract both through snippets and standard auto-completion in the XML editor for the UI contract. The CardNoDataMessageUiPlugin, UserWelcomeCardUiPlugin, and VisitDetailsUiPluginneeds UIPlugins are auto-migrated. For any other existing UIPlugins, create a UIPluginV2.
            • Create a UIPluginV2
              Here's the sample contract structure of UIPluginV2.
            • Reset CSS Styles
              All web browsers have a set of default styles that are applied to every web page, called the user agent style sheet. To achieve cross-browser consistency, you must override default browser style sheets with their own default styles.
            • Runtime Changes and Interactions
              The communication between a UI contract and a UIPluginV2 happens using Bindings and Events.
            • Limitations
              Learn about the limitations of UIPluginV2.
             
            Loading
            Salesforce Help | Article