You are here:
SplitScreenPage Pattern
Use the SplitScreenPage pattern to divide the page into two sections, called LeftSection and RightSection.
Required Editions
| Available in: Enterprise, Performance, and Unlimited Editions |
The table lists the SplitScreenPage pattern attributes.
| Attribute | Description | Data Type | Required? |
|---|---|---|---|
| pagePattern | Defines the pattern of the page | String | Yes |
| leftSectionFlex | Display ratio of the left section, and required only if rightSectionFlex is defined | Boolean | No (default FALSE) |
| rightSectionFlex | Display ratio of the right section, and required only if leftSectionFlex is defined |
Here’s an example snippet of the SplitScreenPage pattern.
<UIDescription name="Call::AgendaUI" schemaVersion="0.0.0.5">
<Page pagePattern="SplitScreenPage" leftSectionFlex="1" rightSectionFlex="1">
<PageHeader titleBinding="ProcessContext::currentDate">
<SplitScreenButtons>
<LeftSectionButton>
<Bindings>
<Resource target="Text" type="Label" id="MapLabelId" defaultLabel="Map" />
<Resource target="Icon" type="Image" id="MapIcon" />
</Bindings>
</LeftSectionButton>
<RightSectionButton>
<Bindings>
<Resource target="Text" type="Label" id="AgendaLabelId" defaultLabel="Agenda" />
<Resource target="Icon" type="Image" id="AgendaIcon" />
</Bindings>
</RightSectionButton>
</SplitScreenButtons>
</PageHeader>
<Section sectionName="leftSection" sectionPattern="SingleAreaSection">...</Section>
<Section sectionName="rightSection" sectionPattern="SingleAreaSection">...</Section>
</Page>
</UIDescription>
Did this article solve your issue?
Let us know so we can improve!
