Here is the code I have and wondered how I could completely rollup the stack, expander and objects within it to push all objects below it to take up the space left after rolling up the upper stack and objects. My current code is below:
<Grid>
<StackPanel Margin="8,8,0,0" VerticalAlignment="Top" Height="225">
<Expander Header="Expander">
<Grid Height="201">
<ListBox HorizontalAlignment="Left" Margin="103,63,0,38" Width="100">
<ListBoxItem Content="Brown"/>
<ListBoxItem Content="Red"/>
<ListBoxItem Content="Green"/>
<ListBoxItem Content="Yellow"/>
</ListBox>
</Grid>
</Expander>
</StackPanel>
<StackPanel Margin="0,0,0,8" VerticalAlignment="Bottom" Height="221">
<Expander Header="Expander">
<Grid Height="194">
<ListBox Margin="177,21,213,73">
<ListBoxItem Content="Gold"/>
<ListBoxItem Content="Silver"/>
<ListBoxItem Content="Platinum"/>
<ListBoxItem Content="Palladium"/>
</ListBox>
</Grid>
</Expander>
</StackPanel>
</Grid>