Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>As far as I can see your column definitino is the cause for the problem. You allocate <code>6/10</code> for the text <code>3/10</code> for the line and <code>1/10</code> for the icon. </p> <p>Try it like this</p> <pre><code>&lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="Auto"/&gt; &lt;ColumnDefinition Width="*"/&gt; &lt;ColumnDefinition Width="42"/&gt; &lt;/Grid.ColumnDefinitions&gt; </code></pre> <p>And you don't need the rowdefinition</p> <p>The full list of changes could be something like this</p> <pre><code>&lt;DataTemplate x:Key="TreeItemTemplate"&gt; &lt;Grid Width="456"&gt; &lt;Grid.ColumnDefinitions&gt; &lt;!--&lt;ColumnDefinition Width="Auto"/&gt;--&gt; &lt;ColumnDefinition Width="Auto" MaxWidth="200"/&gt; &lt;ColumnDefinition Width="*"/&gt; &lt;ColumnDefinition Width="42"/&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;!-- Text --&gt; &lt;TextBlock 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}"/&gt; &lt;!-- Line--&gt; &lt;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"/&gt; &lt;!-- Icon--&gt; &lt;Grid Grid.Column="2" HorizontalAlignment="Right" &gt; &lt;Button Style="{StaticResource IconButton}" Height="42" Width="42" HorizontalAlignment="Right"&gt; &lt;ImageBrush ImageSource="{Binding Image}" Stretch="None"/&gt; &lt;/Button&gt; &lt;/Grid&gt; &lt;/Grid&gt; &lt;/DataTemplate&gt; </code></pre> <p>Edit: If you want the text to wrap you have to make create another grid with the textblock in one row and the listbox in another. Set the texblock horizontal alignment to strech and everything should wrap nicely</p> <p>Edit: Ah... now I get it...sorry about that. Just add a <code>MaxWidth</code> to the first column definition (see above)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload