Skip to content

Instantly share code, notes, and snippets.

@anuith
Created June 24, 2012 04:10
Show Gist options
  • Save anuith/2981550 to your computer and use it in GitHub Desktop.
Save anuith/2981550 to your computer and use it in GitHub Desktop.
Windows Phone Hackathon : Facebook & Instagram Sample - Facebook UI
<!--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 x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,15"
Background="#3B5998">
<TextBlock x:Name="ApplicationTitle" Text="MY FACEBOOK &amp; INSTAGRAM APPLICATION" Style="{StaticResource PhoneTextNormalStyle}" Foreground="White" />
<TextBlock x:Name="PageTitle" Text="Facebook" Margin="9,-7,0,0"
Style="{StaticResource PhoneTextTitle1Style}" Foreground="White" />
</StackPanel>
<!--ContentPanel - place additional content here-->
<ScrollViewer Grid.Row="1" Margin="12,0,12,0">
<StackPanel x:Name="ContentPanel">
<TextBlock Text="enter page username:" HorizontalAlignment="Center"/>
<TextBox x:Name="TextBox_FBName" Text="kkucutegirl" BorderBrush="#3B5998"
Background="White" Foreground="Black" />
<Button x:Name="Button_Go" Content="Go" IsEnabled="False"
d:LayoutOverrides="Height" Background="White" Foreground="Black" BorderBrush="#FF3B5998" Grid.Column="1" Click="ButtonGo_Click"/>
<Image x:Name="Image_Cover" Grid.ColumnSpan="2" Source="placeholder.png"
Stretch="UniformToFill"/>
<Image x:Name="Image_Profile" HorizontalAlignment="Center"
VerticalAlignment="Top" Source="placeholder.png" MaxWidth="100"
Grid.Row="1" Margin="0,6,6,0"/>
<TextBlock x:Name="TextBlock_Name" TextWrapping="Wrap" Text="Name" FontSize="32"
VerticalAlignment="Center" HorizontalAlignment="Center"
Grid.Column="1" Grid.Row="1"/>
<TextBlock x:Name="TextBlock_Desc" TextWrapping="Wrap" Text="description"
VerticalAlignment="Top" Grid.Row="2" FontSize="24" Grid.ColumnSpan="2"/>
<ListBox x:Name="ListBox_Photos"
ScrollViewer.VerticalScrollBarVisibility="Disabled"
SelectionChanged="ListBox_Photos_SelectionChanged"/>
</StackPanel>
</ScrollViewer>
</Grid>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment