Note that there are some explanatory texts on larger screens.

plurals
  1. POXaml, middle column not taking up full width
    primarykey
    data
    text
    <p>How do I make my middle column take up the full width available while allowing space for the comment section so that all those comment boxes are nicely aligned to the right:</p> <p><img src="https://i.stack.imgur.com/RJ4kX.jpg" alt="enter image description here"></p> <pre><code> &lt;DataTemplate x:Key="ActivityStreamItemTemplate"&gt; &lt;StackPanel VerticalAlignment="Top" Margin="5,0,0,0"&gt; &lt;Button Command="{Binding Path=DataContext.LoadSpacesCommand, ElementName=OrganisationList}" CommandParameter="{Binding}" Padding="-5,0,-5,-5" Margin="-7,-12,-7,-7" Height="auto" BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Stretch" HorizontalContentAlignment="Left" UseLayoutRounding="True" FontSize="0.01"&gt; &lt;Grid Height="auto"&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="67" /&gt; &lt;ColumnDefinition Width="*"/&gt; &lt;ColumnDefinition Width="60" /&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;StackPanel Height="auto" Grid.Column="0" Background="Transparent"&gt; &lt;Border Background="Transparent" BorderThickness="0" Width="62" Height="62" HorizontalAlignment="Left" Margin="0,0,0,5"&gt; &lt;Image Source="{Binding created_by.image.link}" Width="62" Height="62"&gt;&lt;/Image&gt; &lt;/Border&gt; &lt;/StackPanel&gt; &lt;StackPanel Height="auto" Grid.Column="1"&gt; &lt;TextBlock Text="{Binding type}" HorizontalAlignment="Left" FontSize="30" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" /&gt; &lt;TextBlock Text="{Binding ttitle}" HorizontalAlignment="Left" FontSize="15" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" TextWrapping="Wrap"/&gt; &lt;TextBlock Text="{Binding created_by.name}" HorizontalAlignment="Left" FontSize="11" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" /&gt; &lt;/StackPanel&gt; &lt;StackPanel Height="60" Grid.Column="2" Margin="10,0,0,0"&gt; &lt;StackPanel.Background&gt; &lt;ImageBrush Stretch="Fill" ImageSource="/Assets/Icons/CommentsIcon.png"/&gt; &lt;/StackPanel.Background&gt; &lt;TextBlock Text="{Binding comments.Count}" HorizontalAlignment="Center" FontSize="20" Foreground="Black" TextAlignment="Center" Padding="0,8,0,0"/&gt; &lt;/StackPanel&gt; &lt;/Grid&gt; &lt;/Button&gt; &lt;/StackPanel&gt; &lt;/DataTemplate&gt; </code></pre> <p>I tried placing horizontal align on the third stackpanel but that actually didn't work.</p> <p>EDIT: Thanks for the tries but no cigar:</p> <p><img src="https://i.stack.imgur.com/J6s4I.jpg" alt="enter image description here"></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.
 

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