layout - Pager Layout
Specifies how buttons appear in a pager control.
Category
formatSyntax
layout="option ..."
See the table below for the layout options.Usage
In Design mode, click the top tab under Properties and look for Pager style, or click All Properties and look for layout under format.The Pager
style interface presents style names that generate layout
options as follows:
Style name | Layout options |
---|---|
Sample 1 |
Previous Group Next |
Sample 2 |
Previous Separator Group Separator Next |
Sample 3 |
SeparatorPage Status SeparatorPage Group Previous
Separator Next |
Sample 4 |
FirstImage PreviousImage SeparatorPage Group NextImage
LastImage |
Sample 5 |
SeparatorPage Status FirstImage PreviousImage SeparatorPage
Group NextImage LastImage |
Sample 6 |
FirstArrow Separator PreviousArrow Separator SeparatorPage
Group Separator NextArrow Separator LastArrow |
Sample 7 |
SeparatorPage Status FirstArrow Separator PreviousArrow
Separator SeparatorPage Group Separator NextArrow Separator LastArrow |
Examples
This View Panel control contains a Pager control with layout options:<xp:viewPanel rows="30" id="viewPanel1">
<xp:this.facets>
<xp:pager partialRefresh="true"
layout="Previous Separator Group Separator Next"
xp:key="headerPager" id="pager1">
</xp:pager>
</xp:this.facets>
<xp:this.data>
<xp:dominoView var="view2" viewName="main"></xp:dominoView>
</xp:this.data>
<xp:viewColumn columnName="subject" id="viewColumn1">
<xp:viewColumnHeader value="subject"
id="viewColumnHeader1">
</xp:viewColumnHeader>
</xp:viewColumn>
<xp:viewColumn columnName="fruit" id="viewColumn2">
<xp:viewColumnHeader value="fruit" id="viewColumnHeader2"></xp:viewColumnHeader>
</xp:viewColumn>
</xp:viewPanel>