1 <UserControl

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

     3              xmlns:Converter="clr-namespace:Iri.Modernisation.Controls.Converter"

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

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

     6     

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

     8     x:Class="Iri.Modernisation.Controls.View.CustomableIndexElement"

     9     BorderBrush="Black"  Width="{Binding Duration}" mc:Ignorable="d">

    10     <UserControl.Resources>

    11         <Converter:PolemicTypeColorConverter x:Key="PolemicTypeColorConverter"/>

    12     </UserControl.Resources>

    13     <Grid x:Name="LayoutRoot">

    14         <ToolTipService.ToolTip>

    15             <StackPanel Orientation="Horizontal">

    16                 <TextBlock Text="{Binding TimerIn}"/>

    17                 <TextBlock Text="|- "/>

    18                 <TextBlock Text="{Binding Duration}"/>

    19                 <TextBlock Text="-| "/>

    20                 <TextBlock Text="{Binding TimerOut}"/>

    21 

    22             </StackPanel>

    23 

    24         </ToolTipService.ToolTip>

    25         <Rectangle Fill="{Binding Chapter, Converter={StaticResource PolemicTypeColorConverter}, Mode=TwoWay}" Stroke="Black" StrokeThickness="0"/>

    26         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" HorizontalAlignment="Left" Width="2" Cursor="SizeWE" d:LayoutOverrides="HorizontalAlignment"/>

    27         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Width="2" Cursor="SizeWE" d:LayoutOverrides="HorizontalAlignment"/>

    28         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="8"/>

    29         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Left" VerticalAlignment="Top" Width="8"/>

    30         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Right" VerticalAlignment="Top" Width="8"/>

    31         <Rectangle Fill="Black" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="8"/>

    32     </Grid>

    33 </UserControl>