Skip to content

Instantly share code, notes, and snippets.

@npatta01
Created May 1, 2013 03:03
Show Gist options
  • Save npatta01/5493505 to your computer and use it in GitHub Desktop.
Save npatta01/5493505 to your computer and use it in GitHub Desktop.
<phone:PhoneApplicationPage
x:Class="KhanAcademyWp8.Views.VideoDetailPage"
.....
shell:SystemTray.IsVisible="True" DataContext="{Binding Video, Mode=OneWay, Source={StaticResource Locator}}">
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--TitlePanel contains the name of the application and page title-->
<StackPanel Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="{Binding LocalizedResources.ApplicationTitle, Mode=OneWay, Source={StaticResource LocalizedStrings}}" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock Text="{Binding Title, Mode=OneWay}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="{StaticResource PhoneFontSizeLarge}" TextWrapping="Wrap"/>
</StackPanel>
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Grid.RowDefinitions>
<RowDefinition Height="0.2*"/>
<RowDefinition Height="0.4*"/>
</Grid.RowDefinitions>
<ListBox Grid.Row="0">
<TextBlock Text="{Binding Description, Mode=OneWay}" TextWrapping="Wrap" />
<TextBlock Text="{Binding Authors, Mode=OneWay}" />
<TextBlock Text="{Binding Duration, Mode=OneWay}" />
</ListBox>
<ListBox Grid.Row="1">
<Button Content="Watch" >
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<cmd:EventToCommand PassEventArgsToCommand="False"
CommandParameter="{Binding}"
Command="{Binding Navigate, Mode=OneWay}"
></cmd:EventToCommand>
</i:EventTrigger>
</i:Interaction.Triggers>
</Button>
</ListBox>
</Grid>
</Grid>
</phone:PhoneApplicationPage>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment