You are here:
HeaderLine Control
Use the HeaderLine control to create a section following the page header on the cockpit screen.
Required Editions
| Available in: Lightning Experience in Performance, Unlimited, and Enterprise Editions that have Consumer Goods Cloud enabled. |
The GroupedList, MultiSelectionGroupedList, BreadCrumbControl, and MultiSelectionBreadCrumbControl controls support an optional attribute, searchBarPlacement (attribute value: HeaderLine), because of the inclusion of the Headerline control.
The HeaderLine control supports Dropdowns and ImageButtons as child elements. Dropdown control lets you filter lists and select a list item. Filter control is a standalone control within the HeaderLine control and supports two optional bindings: Visible and Editable.
Sample Code
<HeaderLine name="Header">
<Dropdown name="dropdown" textLines="1" width="20px" dataSource="ProcessContext::OverviewList.items[]">
<Bindings>
<Binding target="Editable" type="Editable" call="ProcessContext::OverviewList.current.address" />
<Binding target="Visible" type="Visible" call="ProcessContext" />
<Resource target="Headline" type="Label" id="HeadlineId" defaultLabel="HeadlineDL" />
<Resource target="Icon" type="Image" id="IconId" />
<Resource target="IconSelected" type="Image" id="IconSelectedId" />
<Resource target="Label" type="Label" id="" defaultLabel="LabelDL" />
</Bindings>
<Items>
<Bindings>
<Binding target="IsSelected" type="Bool" binding=".address" bindingMode="ONE_WAY" />
<Binding target="ItemText" type="Label" binding=".address"/>
<Binding target="SpecialOption" type="Text" binding=".allDay" bindingMode="TWO_WAY"/>
</Bindings>
</Items>
<Events>
<DropdownOpeningEvent event="MyFilterOpening" resetMultiAreas="false">
<HideSection name="hideSection"/>
<Params>
<Param name="pName" value="pValue"/>
</Params>
</DropdownOpeningEvent>
<ItemsSelectedEvent event="filterSelected" resetMultiAreas="false">
<HideSection name="hideSection"/>
<Params>
<Param name="pName" value="pValue"/>
</Params>
</ItemsSelectedEvent>
</Events>
</Dropdown>
</HeaderLine>Did this article solve your issue?
Let us know so we can improve!

