Back to Devexpress

Pager Elements

aspnet-3656-components-data-and-image-navigation-pager-visual-elements.md

latest6.5 KB
Original Source

Pager Elements

  • Jul 28, 2021
  • 2 minutes to read

This topic describes the ASPxPager elements visible on screen. Each section contains a screenshot and a brief overview of the element’s function.

The following visual elements are available:

  • Navigation Buttons
  • Page Numbers
  • Summary
  • Separator
  • Page Size Item

Navigation buttons allow users to switch between pages. There are five navigation buttons:

  • First - navigates a user to the first page;
  • Previous - navigates a user to the previous page;
  • Next - navigates a user to the next page;
  • Last - navigates a user to the last page;
  • All - displays the content of all the pages within a view.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
Button SettingsASPxPagerBase.AllButton, ASPxPagerBase.FirstPageButton, ASPxPagerBase.PrevPageButton, ASPxPagerBase.NextPageButton, ASPxPagerBase.LastPageButton
StyleASPxPagerBase.ButtonStyle, ASPxPagerBase.DisabledButtonStyle
VisibilityPagerButtonProperties.Visible, ASPxPagerBase.ShowDisabledButtons

Page Numbers

The pager can display page numbers as links to navigate users directly to a required page.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
FormatASPxPagerBase.PageNumberFormat, ASPxPagerBase.CurrentPageNumberFormat
CountASPxPagerBase.NumericButtonCount, ASPxPagerBase.EllipsisMode
StyleASPxPagerBase.PageNumberStyle, ASPxPagerBase.CurrentPageNumberStyle
VisibilityASPxPagerBase.ShowNumericButtons
SEOFrindly modeASPxPager.SeoFriendly, ASPxPager.SeoNavigateUrlFormatString

Summary

The Summary indicates which page is selected, and the total number of pages.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
TextPagerButtonProperties.Text, SummaryProperties.AllPagesText
PositionSummaryProperties.Position
VisibilityPagerButtonProperties.Visible

Separator

Separators are used to separate Page Numbers.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
Size, LayoutASPxPagerBase.SeparatorHeight, ASPxPagerBase.SeparatorWidth, ASPxPagerBase.SeparatorPaddings
AppearanceASPxPagerBase.SeparatorBackgroundImage, ASPxPagerBase.SeparatorColor
VisibilityASPxPagerBase.ShowSeparators

Page Size Item

The Page Size Item specifies the number of items displayed per page.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
PositionPageSizeItemSettings.Position
VisibilityPagerButtonProperties.Visible

The Page Size Item contains the following elements.

The table below lists the main elements and their members, which affect the elements’ appearance and functionality:

ElementMembers
CaptionPageSizeItemSettings.Caption, PagerPageSizeItemStyle.CaptionSpacing
Combo BoxPagerPageSizeItemStyle.ComboBoxStyle
Drop-Down ButtonPageSizeItemSettings.DropDownImage, PagerComboBoxStyle.DropDownButtonStyle, PagerComboBoxStyle.DropDownButtonSpacing
Drop-Down WindowPagerComboBoxStyle.DropDownWindowStyle, PageSizeItemSettings.ShowPopupShadow
ItemsPageSizeItemSettings.Items, PagerComboBoxStyle.ItemStyle
AllItemPageSizeItemSettings.AllItemText, PageSizeItemSettings.ShowAllItem