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
            Header Line Control

            You are here:

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

            Header Line Control

            HeaderLine control is a global control that is similar to a page header. It’s a page-level element and is rendered directly by the page. Only one HeaderLine control is supported per page. The page ignores additionally defined header lines. The control contains search fields from lists and various search buttons. The HeaderLine control doesn’t support editability and accessibility rights by itself but the rights are supported by the controls within it.

            Required Editions

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

            Attributes

            The table describes the attributes supported by the HeaderLine control.

            Name Description Required?
            Name Unique name of the control. Yes

            Subelements

            The table describes the only subelements supported by the HeaderLine control.

            Name of the Element Description
            ImageButton Child element of the control.

            To support the HeaderLine control, an optional attribute, searchBarPlacement, is available within the GroupedList, MultiSelectionGroupedList, BreadCrumbControl, and MultiSelectionBreadCrumbControl list controls. The attribute can have HeaderLine or Inline as the attribute value. The values are case-sensitive. If the value is HeadlerLine, then the search field is part of the HeaderLine control. Otherwise, the search field renders normally.

            HeaderLine Control Presentation in the CG Cloud Offline Mobile App

            • The HeadlerLine control is displayed under the page header or the banner.
            • The search field is displayed next to the HeadlerLine control. It has minimum width and scales to occupy the available space depending on the image buttons.
            • The text in the image buttons is truncated if it’s longer than the maximum defined width.
            • If the number of elements on HeadlerLine control are more, then the line is extended by an additional line.
            • The HeadlerLine control doesn’t collapse automatically even if it’s empty.
            • On a phone, image buttons placed in the HeadlerLine control display only the image.
            Example
            Example 
            <UIDescription name="Order::ItemListTab" schemaVersion="0.0.0.5">
  <Page pagePattern="MasterDetailSectionPage" masterSectionFlex="60" detailSectionFlex="40" cachable="false">
    <PageHeader>
    </PageHeader>
    <Banner>
      .....
       ....
    </Banner>
    <HeaderLine name="Header">
      <ImageButton>
       .....
    .....
      </ImageButton>
    </Headerline>
    <Section sectionName="masterSection" sectionPattern="FilteredViewAreaSection">
      <Area areaName="viewArea" areaPattern="SingleElementArea">
        <MultiSelectionBreadCrumbControl name="OrderItems" searchBarPlacement="HeaderLine" searchable="true" groupBy="groupText" sortBy="groupId" direction="ASC" dataSource="ProcessContext::MainBO.LoItems.Items[]" master="true">
            .....
        .....

        </MultiSelectionBreadCrumbControl>
      </Area>
    </Section>
     .....
     .....

  </Page>
</UIDescription>
             
            Loading
            Salesforce Help | Article