DxPager.SizeMode Property

Specifies a pager size.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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" />

For additional information, refer to Size Modes.

Run Demo: Pager – Overview