Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Pager Settings

Prev123456791011Next v
Contact Name:Maria Anders
Company Name:Alfreds Futterkiste
City:Berlin
Region: 
Country:Germany
Contact Name:Ana Trujillo
Company Name:Ana Trujillo Emparedados y helados
City:México D.F.
Region: 
Country:Mexico
Contact Name:Antonio Moreno
Company Name:Antonio Moreno Taquería
City:México D.F.
Region: 
Country:Mexico
Contact Name:Thomas Hardy
Company Name:Around the Horn
City:London
Region: 
Country:United Kingdom
Contact Name:Christina Berglund
Company Name:Berglunds snabbköp
City:Luleå
Region: 
Country:Sweden
Contact Name:Hanna Moos
Company Name:Blauer See Delikatessen
City:Mannheim
Region: 
Country:Germany
Contact Name:Frédérique Citeaux
Company Name:Blondesddsl père et fils
City:Strasbourg
Region: 
Country:France
Contact Name:Martín Sommer
Company Name:Bólido Comidas preparadas
City:Madrid
Region: 
Country:Spain
Contact Name:Laurence Lebihan
Company Name:Bon app'
City:Marseille
Region: 
Country:France
Prev123456791011Next v
Pager settings
v
v
Apply


The DevExpress ASP.NET MVC Card View (ASPxCardView) automatically splits large content across multiple pages and provides a built-in pager, which enables end-users to navigate through data.

The embedded pager control can be customized using the following settings of the SettingsPager property.

  • The Position property controls the pager's position within CardView: at the control's top, bottom, or both.
  • The PageSizeItemSettings.Position property controls where a page size item is displayed to the left or right of the pager.
  • The PageSizeItemSettings.Visible property controls page size item visibility.
  • The Summary.Visible property controls the pager's summary visibility.
  • The ShowDisabledButtons property controls the visibility of pager buttons that cannot be used at the moment and are temporarily disabled.
  • The ShowNumericButtons property controls the visibility of pager numeric buttons that navigate a user to corresponding pages.
  • The ShowSeparators property specifies if number separators are displayed.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxCardViewDemos