CODEWITHSUNDEEP
c#xamlwindows-phone-8
Sajeev C
Sajeev C

Reputation: 1538

Textblocks overlapping each other in XAML

This is what I am trying to obtain:

Name
Date

This is the XAML I have. But in the result, both the texts Name & Date are overlapping each other.

<DataTemplate>
    <Grid x:Name="showGrid">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <StackPanel>
            <Grid Height="{Binding widthMA}" Width="{Binding widthMA}">
                <Grid Margin="3.5" Background="White">                                                                
                    <Grid VerticalAlignment="Bottom" Background="Black" Height="30">
                        <TextBlock Text="{Binding strName}" Style="{StaticResource AlbumTitleText}" Grid.Row="0" />
                        <TextBlock Text="{Binding dateCreated}" Style="{StaticResource ArtistTitleText}" Grid.Row="1" />
                    </Grid>
                </Grid>
            </Grid>
        </StackPanel>                                                
    </Grid>
</DataTemplate>

And the styles AlbumTitleText and ArtistTitleText are here

<Style x:Key="AlbumTitleText" TargetType="TextBlock">
    <Setter Property="Foreground" Value="White" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="FontSize" Value="18" />
    <Setter Property="FontFamily" Value="Fonts/Gotham-Bold.ttf#Gotham Bold" />
    <Setter Property="TextTrimming" Value="CharacterEllipsis" />
    <Setter Property="FontWeight" Value="Bold" />            
    <Setter Property="Margin" Value="10,-2,10,7"></Setter>
</Style>

<Style x:Key="ArtistTitleText" TargetType="TextBlock">
    <Setter Property="Foreground" Value="White" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="FontSize" Value="16" />
    <Setter Property="FontFamily" Value="Fonts/Gotham-Bold.ttf#Gotham Bold" />
    <Setter Property="TextTrimming" Value="CharacterEllipsis" />
    <Setter Property="FontWeight" Value="Normal" />
    <Setter Property="Margin" Value="10,7,10,0"></Setter>
</Style>

Upvotes: 0

Views: 751

Answers (1)

twrowsell
twrowsell

Reputation: 467

I think your row definitions are in the wrong place. Try ...

<DataTemplate>
     <Grid x:Name="showGrid">
         <StackPanel>
            <Grid Height="{Binding widthMA}" Width="{Binding widthMA}">
                <Grid Margin="3.5" Background="White">                                                                
                    <Grid VerticalAlignment="Bottom" Background="Black" Height="30">
                         <Grid.RowDefinitions>
                             <RowDefinition Height="Auto"/>
                             <RowDefinition Height="Auto"/>
                          </Grid.RowDefinitions>
                        <TextBlock Text="{Binding strName}" Style="{StaticResource AlbumTitleText}" Grid.Row="0" />
                        <TextBlock Text="{Binding dateCreated}" Style="{StaticResource ArtistTitleText}" Grid.Row="1" />
                    </Grid>
                </Grid>
            </Grid>
        </StackPanel>                                                
    </Grid>
</DataTemplate>

Upvotes: 3

Related Questions