StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to draw dash line in grid row windows phone
primarykey
Id
17037712
data
AcceptedAnswerId
17038043
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-06-11T06:23:08
FavoriteCount
0
LastActivityDate
2013-06-13T11:46:18.700
LastEditDate
2013-06-12T03:57:10.843
LastEditorUserId
719212
OwnerUserId
719212
ParentId
0
PostTypeId
1
Score
0
ViewCount
2799
LastEditorDisplayName
text
Body
Currently, I have a grid row with 3 columns: text (with padding indent), dash line and icon. I expect the result like this: <img src="https://i.stack.imgur.com/Q9BWp.png" alt="result"> The problem is I can't fix draw line width between text and icon and it isn't dash line, as below: <img src="https://i.stack.imgur.com/IB0B2.png" alt="error"> Here is my data template: <pre><code> <DataTemplate x:Key="TreeItemTemplate"> <Grid Width="456"> <Grid.RowDefinitions> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="6*"/> <ColumnDefinition Width="3*"/> <ColumnDefinition Width="1*"/> </Grid.ColumnDefinitions>  <TextBlock Margin="0,0,1,0" Visibility="{Binding NormalTextVisible}" TextWrapping="Wrap" Text="{Binding Name, Mode=TwoWay}" d:LayoutOverrides="Width, Height" Foreground="{Binding Colour}" Padding="{Binding ActualIndent, Mode=TwoWay}" FontSize="{StaticResource PhoneFontSizeMedium}"/>  <Path Grid.Column="1" Stroke="Red" StrokeThickness="2" StrokeDashArray="1 2 3" Stretch="Fill"> <Path.Data> <LineGeometry StartPoint="0,1" EndPoint="1,1" /> </Path.Data> </Path>  <Grid Grid.Column="2" HorizontalAlignment="Right" > <Button Style="{StaticResource IconButton}" Height="42" Width="42" HorizontalAlignment="Right"> <ImageBrush ImageSource="{Binding Image}" Stretch="None"/> </Button> </Grid> </Grid> </DataTemplate> </code></pre> And my listbox: <pre><code> <ListBox x:Name="lstTreeView" HorizontalAlignment="Stretch" VerticalAlignment="Top" ItemsSource="{Binding TreeViewModel.TreeData, Mode=TwoWay}" ItemTemplate="{StaticResource TreeItemTemplate}"/> </code></pre> Is there any way to achieve that? Update: @Ivan Crojach Karačić: Thanks for your help. I tried your way, it worked. But the problem is when I set the first column width as <code>auto</code>, the long text can't wrap in a new line and icon is disappeared (without setting <code>auto</code>, text can wrap normally). You can see the row "Lennin House,..." from this image: <img src="https://i.stack.imgur.com/wLUph.png" alt="e"> Can you fix it? Thanks in advance. Update 2: Here is my try with wrap text issue <pre><code><DataTemplate x:Key="TreeItemTemplate"> <Grid Width="456"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="42"/> </Grid.ColumnDefinitions>  <Grid Grid.Column="0"> <TextBlock HorizontalAlignment="Stretch" Margin="0,0,1,0" VerticalAlignment="Center" Visibility="{Binding NormalTextVisible}" TextWrapping="Wrap" Text="{Binding Name, Mode=TwoWay}" d:LayoutOverrides="Width, Height" Foreground="{Binding Colour}" Padding="{Binding ActualIndent, Mode=TwoWay}" FontSize="{StaticResource PhoneFontSizeMedium}"/> </Grid>  <Line X1="0" Y1="21" X2="500" Y2="21" Stroke="Red" StrokeDashArray="4,1" StrokeThickness="2" Margin="3" Grid.Column="1" VerticalAlignment="Center" Height="42"/>  <Grid Grid.Column="2" HorizontalAlignment="Right" > <Button Style="{StaticResource IconButton}" Height="42" Width="42" HorizontalAlignment="Right"> <ImageBrush ImageSource="{Binding Image}" Stretch="None"/> </Button> </Grid> </Grid> </code></pre> 
Tags
<c#><silverlight><windows-phone-7><xaml>
Title
How to draw dash line in grid row windows phone
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USR4j
UserOwnerUserId
1. USR4j
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.