MARKUS

<Window xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"  x:Class="Demo.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:toggle="clr-namespace:ToggleSwitch;assembly=ToggleSwitch"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:system="clr-namespace:System;assembly=mscorlib"

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

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

        xmlns:local="clr-namespace:Demo"

        mc:Ignorable="d"

        Title="MainWindow" Height="350" Width="525">

    <!--<Window.Resources>

        <DataTemplate x:Key="contentTemplate">

            <Border Background="#FFB2B2B2">

                <Image Source="{Binding ImageUrl}" Stretch="Uniform"/>

            </Border>

        </DataTemplate>

        <DataTemplate x:Key="headerTemplate">

            <TextBlock Text="{Binding PageNo}" />

        </DataTemplate>

    </Window.Resources>

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="2*"/>

            <ColumnDefinition Width="8*"/>

        </Grid.ColumnDefinitions>

        <StackPanel>

            <TextBlock Text="Columns Count" />

            <Slider Minimum="1" Value="3" Maximum="10" x:Name="columnsCount"/>

            <TextBlock Text="ColumnWidth" />

            <ComboBox x:Name="ColumnWidth" SelectedIndex="0">

                <system:String>*</system:String>

                <system:String>Auto</system:String>

                <system:String>110</system:String>

                <system:String>250</system:String>

                <system:String>350</system:String>

                <system:String>450</system:String>

            </ComboBox>

            <TextBlock Text="RowHeight" />

            <ComboBox x:Name="RowHeight" SelectedIndex="2">

                <system:String>*</system:String>

                <system:String>Auto</system:String>

                <system:String>140</system:String>

                <system:String>210</system:String>

                <system:String>300</system:String>

                <system:String>400</system:String>

            </ComboBox>

            <TextBlock Text="MinimizedColumnWidth" />

            <ComboBox x:Name="minColumnWidth" SelectedIndex="1">

                <system:String>Auto</system:String>

                <system:String>110</system:String>

                <system:String>250</system:String>

                <system:String>350</system:String>

                <system:String>450</system:String>

            </ComboBox>

            <TextBlock Text="MinimizedRowHeight" />

            <ComboBox x:Name="minRowHeight" SelectedIndex="1">

                <system:String>Auto</system:String>

                <system:String>140</system:String>

                <system:String>210</system:String>

                <system:String>350</system:String>

                <system:String>450</system:String>

            </ComboBox>

        </StackPanel>

        <telerik:RadTileView IsAutoScrollingEnabled="True" ItemsSource="{Binding item}"

                             IsDockingEnabled="False" IsItemDraggingEnabled="False" IsItemsAnimationEnabled="False"

                             Grid.Column="1" telerik:StyleManager.Theme="Office2016"

                             ItemTemplate="{StaticResource headerTemplate}"

                             ColumnsCount="{Binding ElementName=columnsCount,

                                                    Path=Value}" ContentTemplate="{StaticResource contentTemplate}" 

                             ColumnWidth="{Binding ElementName=ColumnWidth,

                                                   Path=SelectedItem}" MinimizedColumnWidth="{Binding ElementName=minColumnWidth,

                                                            Path=SelectedItem}"

                             MinimizedRowHeight="{Binding ElementName=minRowHeight,

                                                          Path=SelectedItem}"

                             PreservePositionWhenMaximized="True"

                             RowHeight="{Binding ElementName=RowHeight,

                                                 Path=SelectedItem}"/>

    </Grid>-->

    <Grid>

        <toggle:HorizontalToggleSwitch x:Name="toggle" CheckedContent="PDF MODE" UncheckedContent="MARKUP MODE" Width="150" IsChecked="False" ThumbSize="30"/>

    </Grid>

</Window>