I used data grid to display directions for a route. I am looking for ideas how to make data grid resizable by user; something like in Word document, where you can select a picture and by pulling its corner make it bigger or smaller.
<Grid x:Name="DirectionsResultPanelGrid" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,0,15" Visibility="Collapsed">
<Rectangle Stroke="Gray" RadiusX="10" RadiusY="10" Fill="#77919191" Margin="0,0,0,5" >
<Rectangle.Effect>
<DropShadowEffect/>
</Rectangle.Effect>
</Rectangle>
<Rectangle Fill="#FFFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,17,10,15" />
<StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="10,2,15,15">
<TextBlock HorizontalAlignment="Left" Text="Directions" Foreground="White" FontSize="12" FontWeight="Bold" Margin="2,0,0,5"/>
<!--data grid for displaying directions-->
<slData:DataGrid x:Name="DirectionsGrid" AutoGenerateColumns="False" HeadersVisibility="Column" Background="White"
IsReadOnly="True" Canvas.Left="10" Canvas.Top="50" MaxHeight="170" Width="350"
HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible" CanUserSortColumns="False"
RowStyle="{StaticResource HighLightRow}" >
<slData:DataGrid.Columns>
<slData:DataGridTextColumn CanUserSort="False" Width="400" Binding="{Binding}" />
</slData:DataGrid.Columns>
</slData:DataGrid>
<StackPanel Grid.Row="5" Orientation="Horizontal">
<Rectangle Grid.Column="0" Width="20"/>
<TextBlock HorizontalAlignment="Left" Width="260" Text="Use Shift key to select all directions and Ctr C to export it to Word document" TextWrapping="Wrap"/>
</StackPanel>
</StackPanel>
</Grid>
</StackPanel>
</userControls:GlassPanel>