<UserControl
    x:Class="GuidaTv.TimeBar"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GuidaTv"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="100"
    d:DesignWidth="5000" >

    <UserControl.Resources>

        <Style x:Key="TextBlockStyle1" TargetType="TextBlock">
            <Setter Property="FontSize" Value="14"></Setter>
            <Setter Property="Foreground" Value="GhostWhite"></Setter>
            <Setter Property="VerticalAlignment" Value="Center"></Setter>
           
        </Style>


        <Style x:Key="ListViewItemStyle1" TargetType="ListViewItem">
            <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
            <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="TabNavigation" Value="Local"/>
            <Setter Property="IsHoldingEnabled" Value="True"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListViewItem">
                        <Border x:Name="OuterContainer">

                            <Grid>
                                <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}"  ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>   
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </UserControl.Resources>
   
        <ScrollViewer x:Name="timebarScrollViewer"  HorizontalScrollBarVisibility="Hidden" HorizontalScrollMode="Enabled" VerticalScrollBarVisibility="Disabled" IsHitTestVisible="False"
                      VerticalScrollMode="Disabled" HorizontalAlignment="Stretch">
        <!--IsEnabled="False" IsHitTestVisible="False"-->
        <ListView x:ConnectionId='1'  x:Name="timelist"                            
                       ScrollViewer.HorizontalScrollMode="Disabled" ItemContainerStyle="{StaticResource ListViewItemStyle1}"
                      ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollMode="Disabled">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"   ></StackPanel>
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Border BorderThickness="1,0,0,0" Width="120" BorderBrush="#FFECEAE5" Margin="0,10,-18,0" VerticalAlignment="Stretch">
                        <TextBlock Margin="10,0,0,0" Text="{Binding displayTime}" FontWeight="SemiBold"  FontSize="{Binding fontsize}" Foreground="{Binding foreground}" Style="{StaticResource TextBlockStyle1}"></TextBlock>
                    </Border>
                </DataTemplate>
            </ListView.ItemTemplate>
              

            </ListView>
        </ScrollViewer>
    

   
</UserControl>