CODEWITHSUNDEEP
c#xamlwindows-phone-8microsoft-metrowindows-store-apps
patel
patel

Reputation: 635

how to wrap text in gridview - windows store app

i am using grid view control for to show data,

problem is, my few text is very long and it is not warping correctlly

enter image description here

xaml is like this : 

<GridView x:Name="itemGridView" Grid.Row="2" Margin="30,20,0,0" AutomationProperties.AutomationId="ItemsGridView" AutomationProperties.Name="Items"  TabIndex="1" Grid.RowSpan="2" ItemsSource="{Binding EquipBookingCollection}" ItemTemplate="{StaticResource Standard250x250ItemTemplate}" SelectionMode="None" IsSwipeEnabled="false" IsItemClickEnabled="True" ItemClick="ItemView_ItemClick"/>

and ItemTemplate is like this :

<DataTemplate x:Key="Standard250x250ItemTemplate">
        <Grid HorizontalAlignment="Left">
            <StackPanel Margin="5">
                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Start Time : " Style="{StaticResource TitleTextStyle}"></TextBlock>
                    <TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Finish Time: " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding BookedToDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Task Address : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding TaskAddress}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Task Description : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding TaskDescription}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Client Company : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding ClientCompany}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="3,0">
                    <TextBlock Text="Status Name : " Style="{StaticResource TitleTextStyle}" ></TextBlock>
                    <TextBlock Text="{Binding Status.Description}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Foreground="Red"/>
                </StackPanel>

            </StackPanel>
        </Grid>
    </DataTemplate>

please help me with this, thanks

Upvotes: 0

Views: 710

Answers (3)

Ram
Ram

Reputation: 11

Instead of StackPanel you can use WrapPanel 

        </WrapPanel>

Upvotes: 0

Jaihind
Jaihind

Reputation: 2778

Set the width property of textblock 

<TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Width = "200"/>

Upvotes: 0

dBlisse
dBlisse

Reputation: 811

This is a related issue to TextBlock TextWrapping not wrapping inside StackPanel

In short, you'll want to stop using StackPanel control and use the much better Grid control instead.

Upvotes: 1

Related Questions