New to Telerik UI for WinUI? Download free 30-day trial

Index Label

This help article will show how to change properties of an Index Label in the RadPagination control.

You can access the RadPaginationControl control through an alias pointing to the Telerik.UI.Xaml.Controls.Primitives namespace: xmlns:primitives="using:Telerik.UI.Xaml.Controls.Primitives"

You can set implicit Style in your Pagination Control resources with PaginationIndexLabelControl TargetType. Then you can set a value of the following properties:

  • CurrentIndexDisplayValue: A property of type string that gets the string representation of the Current Index.

  • ItemCountDisplayValue: A property of type string that gets the string representation of the Item Count.

  • Separator: A property of type string that gets or sets the string that separates the Current Index and Item Count values. Default value is "/".

    Example 1: Set Custom Separator

        <telerik:RadPaginationControl.Resources> 
            <Style TargetType="telerikPagination:PaginationIndexLabelControl"> 
                <Setter Property="Separator" Value="-of-"/> 
            </Style>    
        </telerik:RadPaginationControl.Resources> 
    
  • ItemCountFormat: A property of type string that gets or sets the format that defines how the Item Count part of the control is displayed.

    Example 2: Set Custom ItemCountFormat

        <telerik:RadPaginationControl.Resources> 
            <Style TargetType="telerikPagination:PaginationIndexLabelControl"> 
                <Setter Property="Width" Value="350"></Setter> 
                <Setter Property="ItemCountFormat" Value=" {0:0} images"></Setter> 
            </Style> 
        </telerik:RadPaginationControl.Resources> 
    
  • CurrentIndexFormat: A property of type string that gets or sets the format that defines how the Current Index part of the control is displayed.

    Example 3: Set Custom ItemCountFormat

        <telerik:RadPaginationControl.Resources> 
            <Style TargetType="telerikPagination:PaginationIndexLabelControl"> 
                <Setter Property="Width" Value="350"></Setter> 
                <Setter Property="CurrentIndexFormat" Value=" {0:0} image"></Setter> 
            </Style> 
        </telerik:RadPaginationControl.Resources> 
    
In this article
Not finding the help you need?