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
            View Display Information on the Details Page

            You are here:

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

            View Display Information on the Details Page

            Create a Details page by using the master-detail pattern and link the page to a cockpit card button.

            Required Editions

            Available in: Enterprise and Unlimited Editions where Consumer Goods Cloud is enabled
            User Permissions Needed
            To add and configure a master-detail page Customizer, Developer

            Add UI controls to the detail section and bind the controls to the new business object properties. The process listens to the itemSelected event and uses the master detail handler action to load the business object. The business object represents one display record and the data source loads the record by using its primary key (pKey) or ID.

            Use these instructions to add UI controls to the detail area in the $workspace/src/MyDisplay/PR/MyDisplay_DisplayDetails/MyDisplay_DisplayDetailsUI.userinterface.xml UI contract.

            1. To group multiple controls, in MyDisplay_DisplayDetailsUI.userinterface.xml, add a GroupElement with title binding.
              1. To show the display name, in InputArea, enter Info in name and title.
                InputArea supports dynamic binding.
              2. Bind InputArea to CurrentDisplay that represents one display record.
              3. To show the description, in InputAreaMultiLine, enter Name in name and label, and Name of the current display in value.
                InputAreaMultiLine supports multiple rows for longer texts.
              4. Bind InputAreaMultiLine to the CurrentDisplay object. In name, specify Description and in noOfRows enter 3.
            2. To show the competitor display flag, add another GroupElement called type. Configure the type GroupElement by using these details.
              name CompetitorDisplay
              label Competitor Display
              checkedValue competitorDisplay flag of the current display
              The detailSection configuration in MyDisplay_DisplayDetailsUI.userinterface.xml should look like this.
              <Section sectionName="detailSection" sectionPattern="SingleAreaSection">
    <Area areaName="detailArea" areaPattern="GroupedElementsArea">
        <GroupElement name="Info">
            <Bindings>
                <Resource target="Title" type="Label" id="DisplayDetailInfoGroup" defaultLabel="Info" />
            </Bindings>
            <InputArea name="Name">
                <Bindings>
                    <Resource target="Label" type="Label" id="DisplayName" defaultLabel="Name" />
                    <Binding target="Value" binding="ProcessContext::CurrentDisplay.name" bindingMode="TWO_WAY" />
                </Bindings>
            </InputArea>
            <InputAreaMultiLine name="Description" noOfRows="3">
                <Bindings>
                    <Resource target="Label" type="Label" id="DisplayDescription" defaultLabel="Description" />
                    <Binding target="Value" binding="ProcessContext::CurrentDisplay.description" bindingMode="TWO_WAY" />
                </Bindings>
            </InputAreaMultiLine>
        </GroupElement>
        <GroupElement name="Type">
            <Bindings>
                <Resource target="Title" type="Label" id="DisplayDetailTypeGroup" defaultLabel="Type" />
            </Bindings>
            <CheckBox name="CompetitorDisplay">
                <Bindings>
                    <Resource target="Label" type="Label" id="CompetitorDisplayCB" defaultLabel="Competitor Display" />
                    <Binding target="checkedValue" binding="ProcessContext::CurrentDisplay.competitorDisplay" bindingMode="TWO_WAY" />
                </Bindings>
            </CheckBox>
        </GroupElement>
    </Area>
</Section>
            3. Save your changes.
            4. To test the changes, build the contracts by running this command. sf modeler workspace build
             
            Loading
            Salesforce Help | Article