MARKUS

<UserControl x:Name="userControl" x:Class="KCOM.Controls.DataNavigation"

              xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

             xmlns:local="clr-namespace:KCOM.Controls"

             mc:Ignorable="d">

    <UserControl.Resources>

        <Style TargetType="Path" x:Key="PathStyle">

            <Setter Property="Width" Value="12"/>

            <Setter Property="Height" Value="12"/>

            <Setter Property="Fill" Value="#FF0A93E2" />

            <Setter Property="Stretch" Value="Fill" />

            <Setter Property="HorizontalAlignment" Value="Center" />

            <Setter Property="VerticalAlignment" Value="Center" />

        </Style>

        <Style TargetType="telerik:RadPathButton" x:Key="RadPathButtonStyle">

            <Setter Property="Margin" Value="2"/>

            <Setter Property="CornerRadius" Value="2"/>

            <Setter Property="BorderBrush" Value="#FFD4CFCF"/>

            <Setter Property="Width" Value="30"/>

            <Setter Property="PathStyle" Value="{StaticResource PathStyle}"/>

            <Setter Property="telerik:StyleManager.Theme" Value="Office2016"/>

        </Style>

    </UserControl.Resources>

    <Grid>

        <StackPanel Orientation="Horizontal">

            <telerik:RadPathButton Style="{StaticResource RadPathButtonStyle}" x:Name="btFirst" PathGeometry="M12,0 L12,12 3.5,6 z M0,0 L2,0 2,12 0,12 z"/>

            <telerik:RadPathButton Style="{StaticResource RadPathButtonStyle}" x:Name="btPrevious" PathGeometry="M3.5,6 L12,12 L12,0 L3.5,6 Z"/>

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition/>

                    <ColumnDefinition Width="Auto"/>

                    <ColumnDefinition/>

                </Grid.ColumnDefinitions>

                <TextBox Text="{Binding DisplayCurrentIndex, ElementName=userControl,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Width="60" TextAlignment="Right"  FontWeight="Bold" FontSize="18" VerticalAlignment="Center"/>

                <TextBlock Text=" / " Grid.Column="1" TextAlignment="Center" FontWeight="Bold" FontSize="18" VerticalAlignment="Center"/>

                <TextBlock Text="{Binding TotalCount, ElementName=userControl}" Width="60" Grid.Column="2" TextAlignment="Left" FontWeight="Bold" FontSize="18" VerticalAlignment="Center"/>

            </Grid>

            <telerik:RadPathButton Style="{StaticResource RadPathButtonStyle}" x:Name="btNext"  PathGeometry="M0,0 L0,14 L11,7 L0,0 Z" />

            <telerik:RadPathButton Style="{StaticResource RadPathButtonStyle}" x:Name="btLast" PathGeometry="M10,0 L12,0 12,12 10,12 z M0,0 L9.4285717,6 0,12 z"/>

        </StackPanel>

    </Grid>

</UserControl>