New to Telerik UI for BlazorStart a free 30-day trial

Appearance Settings

This article outlines the available Pager parameters, which control its appearance.

Size

You can increase or decrease the size of the Pager by setting the Size parameter to a member of the Telerik.Blazor.ThemeConstants.Pager.Size class:

Class membersManual declarations
Smallsm
Medium
default value
md
Largelg

The built-in sizes

@{
    var fields = typeof(Telerik.Blazor.ThemeConstants.Pager.Size)
        .GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
        | System.Reflection.BindingFlags.FlattenHierarchy)
        .Where(field => field.IsLiteral && !field.IsInitOnly).ToList();

    foreach (var field in fields)
    {
        string size = field.GetValue(null).ToString();

        <div style="float:left; margin: 20px;">
            <TelerikPager Size="@size"
                          PageSize="10"
                          Total="20" 
                          PageSizes="@(new List<int?> {5, 10, null})">
            </TelerikPager>
        </div>
    }
}

See Also

In this article
SizeSee Also
Not finding the help you need?
Contact Support