Loading
Ongoing maintenance for Salesforce HelpRead More
Feature degradation | Gmail Email delivery failureRead 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
            CockpitSections Control

            You are here:

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

            CockpitSections Control

            Define a CockpitMap in the UI contract to add maps in CardContainer. Use the CockpitSections control to replace the primitive UIPlugins with the Framework controls. You can use the CockpitSections control as a snippet or a tag in the CardContainer control and the GoogleMapDetails element.

            Required Editions

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

            The CockpitSections control supports only the CockpitSection sub element. In a single CockpitSections element, you can add up to five CockpitSection sub elements. Specify the values for the Binding target in the CockpitSection node based on the defined sectionPattern (2columns or 3columns).

            • If the sectionPattern value is 2columns, the suggested values are col1row1, col2row1, col2row2, col2row3, and col2row4.
            • If the sectionPattern value is 3columns, the suggested values are col1row1, col2row1, col2row2, col2row3, col2row4, and col3row1.
            <CockpitSections name=""> 
  <CockpitSection name="" sectionPattern="2columns|3columns" showSeparator="true|false">    
    <Bindings>      
      <Binding target="" type="Phone" binding="ProcessContext|ApplicationContext" phoneType="WORK|MOBILE" alternateImage="" alternateImageFileType=".png" />   
      <Binding target="" type="Email" binding="ProcessContext|ApplicationContext" alternateImage="" alternateImageFileType=".png" />      
      <Binding target="" type="ItemIdentifier" binding="ProcessContext|ApplicationContext" />  
      <Binding target="" type="ItemSecondary" binding="ProcessContext|ApplicationContext" />   
      <Binding target="" type="ItemInfoGrey" binding="ProcessContext|ApplicationContext" />  
      <Binding target="" type="Image" binding="ProcessContext|ApplicationContext" imageType=".svg|.png" horizontalAlignment="Center|Left|Right" verticalAlignment="Center|Bottom|Top" />      
      <Binding target="" type="Blob" binding="ProcessContext|ApplicationContext" fileTypeBinding=".jpg|.png" defaultImage="" roundedEdge="true|false" defaultImageType=".png" horizontalAlignment="Center|Left|Right" verticalAlignment="Center|Bottom|Top" />   
    </Bindings>  
    <Events>  
      <PhoneButtonPressedEvent event="">     
        <Params>        
          <Param name="" value=""/>    
        </Params>       
      </PhoneButtonPressedEvent>   
      <EmailButtonPressedEvent event="">    
        <Params>     
          <Param name="" value=""/>    
        </Params>      
      </EmailButtonPressedEvent>   
    </Events> 
  </CockpitSection>
</CockpitSections>
             
            Loading
            Salesforce Help | Article