Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxPager.SizeMode Property

Specifies a pager size.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

#Property Value

Type Default Description
Nullable<SizeMode> null

A SizeMode enumeration value.

Available values:

Name Description
Small

Small size.

Medium

Medium size.

Large

Large size.

#Remarks

Use the SizeMode property to specify a pager size. The following size modes are supported:

Size mode

Description

Not specified (NULL)

A pager inherits its size from its parent component. For example, if a pager is in the Grid, the SizeMode property determines the pager’s size.

If the parent component’s size mode is not specified or you use a stand-alone component, the SizeMode global option determines the pager size.

Large

A pager size is large.

Medium

A pager size is medium.

Small

A pager size is small.

The following code snippet applies different size modes to Pager components.

Razor
<DxPager PageCount="1000" 
         ActivePageIndex="5" 
         NavigationMode="PagerNavigationMode.InputBox" 
         SizeMode="SizeMode.Small" />

<DxPager PageCount="1000" 
         ActivePageIndex="5" 
         NavigationMode="PagerNavigationMode.InputBox" 
         SizeMode="SizeMode.Medium" />

<DxPager PageCount="1000" 
         ActivePageIndex="5" 
         NavigationMode="PagerNavigationMode.InputBox" 
         SizeMode="SizeMode.Large" />

Pager - Size Modes

For more information, refer to Size Modes.

Run Demo: Pager – Overview

See Also