Hello everybody, i'm trying to develop a tv show gallery but im stuck in gridview's view.
I'd like to show it like the picture at bottom;
http://i42.tinypic.com/n5hahz.png[
^]
I've created a datatemplate but it shows on a single line not like the picture.
What steps should i do?
DataTemplate code;
<DataTemplate x:Key="ShowTemplate">
<Grid HorizontalAlignment="Left" removed="{StaticResource ApplicationPageBackgroundThemeBrush}" Width="344" Height="554">
<Grid Margin="0,10,0,0">
<Image HorizontalAlignment="Left" Height="450" Margin="10,10,0,-40" VerticalAlignment="Top" Width="324" Stretch="Fill" Source="Images/72233-3.jpg"/>
<TextBlock HorizontalAlignment="Center" Margin="10,465,10,10" TextWrapping="Wrap" Text="{Binding ShowName}" VerticalAlignment="Center" FontSize="30" TextAlignment="Center" FontWeight="Bold" Width="314" Height="62" Foreground="{StaticResource ApplicationForegroundThemeBrush}" Style="{StaticResource ItemTitleStyle}"/>
<Image HorizontalAlignment="Left" Height="47" VerticalAlignment="Top" Width="100" Source="Images/badge.png"/>
<TextBlock HorizontalAlignment="Left" Margin="15,4,0,0" TextWrapping="Wrap" Text="{Binding Count}" VerticalAlignment="Top" Height="37" Width="61" FontWeight="Bold" FontSize="30" TextAlignment="Center" Foreground="{StaticResource ApplicationForegroundThemeBrush}" Style="{StaticResource ItemSubtitleStyle}" />
</Grid>
</Grid>
</DataTemplate>
</Page.Resources>
for gridview;
<StackPanel Grid.Row="1" Margin="10,10,0,0">
<GridView x:Name="gridShows" removed="{StaticResource ApplicationPageBackgroundThemeBrush}"
ItemTemplate="{StaticResource ShowTemplate}"
BorderBrush="LightGray"
VerticalAlignment="Top"
BorderThickness="1" ScrollViewer.VerticalScrollBarVisibility="Auto"
ScrollViewer.HorizontalScrollBarVisibility="Auto" SelectionMode="None"/>
</StackPanel>