New to Telerik UI for Blazor? Start 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 members | Manual declarations |
---|---|
Small | sm |
Medium default value | md |
Large | lg |
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>
}
}