Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Someone internally suggested this answer, which works:</p> <pre><code> &lt;WrapPanel HorizontalAlignment="Left" VerticalAlignment="Top"&gt; &lt;Grid&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="*" /&gt; &lt;ColumnDefinition Width="10" /&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;AccessText TextTrimming="CharacterEllipsis" Grid.Column="0" Margin="0,0,4,0" Text="type more typingon the long hi longer than what if you keep tyingin and get to the end and that's why it changed because you were in the middle" /&gt; &lt;Border Grid.Column="1" Width="10" Height="10" Background="Red" /&gt; &lt;/Grid&gt; &lt;/WrapPanel&gt; </code></pre> <p>The wrappanel seems to provide the necessary magic. I haven't tried Quartermeister's but will save it for future reference!</p> <p>Our final layout is more complicated and looks like this (it's the header bar for an expander):</p> <pre><code>&lt;WrapPanel Orientation="Vertical"&gt; &lt;Grid x:Name="HeaderSite" &gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="19" /&gt; &lt;ColumnDefinition Width="16" /&gt; &lt;ColumnDefinition Width="Auto" /&gt; &lt;ColumnDefinition /&gt; &lt;ColumnDefinition Width="Auto" /&gt; &lt;!-- 7/14: fix from list: wrap the whole thing in a wrappanel. Allows for one * col. --&gt; &lt;ColumnDefinition Width="19" /&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;ToggleButton x:Name="buttonExpanderToggleButton" Height="20" VerticalAlignment="Top" /&gt; &lt;Image x:Name="imageActivityIcon" Grid.Column="1" Height="16" Width="16" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0"/&gt; &lt;AccessText x:Name="textActivityID" Grid.Column="2" VerticalAlignment="Top" Margin="5,2,0,0" TextTrimming="CharacterEllipsis" FontSize="12" HorizontalAlignment="Left" Text="MA77777"/&gt; &lt;AccessText x:Name="textActivityHeader" Grid.Column="3" VerticalAlignment="Top" Margin="0,2,0,0" TextTrimming="CharacterEllipsis" FontSize="12" HorizontalAlignment="Left" Text="Title title title title aand Title title title title a little and if you type more what happens as you keep typing "/&gt; &lt;AccessText x:Name="textActivityStatus" FontWeight="Normal" FontStyle="Italic" Grid.Column="4" TextTrimming="CharacterEllipsis" VerticalAlignment="Top" Margin="0,2,8,0" FontSize="12" HorizontalAlignment="Left" Text="(On Hold)"/&gt; &lt;Image x:Name="imageLink" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Column="5"/&gt; &lt;/Grid&gt; &lt;/WrapPanel&gt; </code></pre> <p>This works fine too even with the other auto sized columns. The key seems to be the wrappanel and the one * sized column. If you set them all to auto it doesn't work.</p> <p>I hope this and Quartermeister's answer helps somebody, because this drove me #$%#$% crazy.</p>
    singulars
    1. This table or related slice is empty.
    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. 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