How to get StackPanel’s children to fill maximum space downward?

by

It sounds like you want a StackPanel where the final element uses up all the remaining space. But why not use a DockPanel? Decorate the other elements in the DockPanel with DockPanel.Dock="Top", and then your help control can fill the remaining space.

XAML:

<DockPanel Width="200" Height="200" Background="PowderBlue">
    <TextBlock DockPanel.Dock="Top">Something</TextBlock>
    <TextBlock DockPanel.Dock="Top">Something else</TextBlock>
    <DockPanel
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch" 
        Height="Auto" 
        Margin="10">

      <GroupBox 
        DockPanel.Dock="Right" 
        Header="Help" 
        Width="100" 
        Background="Beige" 
        VerticalAlignment="Stretch" 
        VerticalContentAlignment="Stretch" 
        Height="Auto">
        <TextBlock Text="This is the help that is available on the news screen." 
                   TextWrapping="Wrap" />
     </GroupBox>

      <StackPanel DockPanel.Dock="Left" Margin="10" 
           Width="Auto" HorizontalAlignment="Stretch">
          <TextBlock Text="Here is the news that should wrap around." 
                     TextWrapping="Wrap"/>
      </StackPanel>
    </DockPanel>
</DockPanel>

If you are on a platform without DockPanel available (e.g. WindowsStore), you can create the same effect with a grid. Here’s the above example accomplished using grids instead:

<Grid Width="200" Height="200" Background="PowderBlue">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0">
        <TextBlock>Something</TextBlock>
        <TextBlock>Something else</TextBlock>
    </StackPanel>
    <Grid Height="Auto" Grid.Row="1" Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>
        <GroupBox
            Width="100"
            Height="Auto"
            Grid.Column="1"
            Background="Beige"
            Header="Help">
            <TextBlock Text="This is the help that is available on the news screen." 
              TextWrapping="Wrap"/>
        </GroupBox>
        <StackPanel Width="Auto" Margin="10" DockPanel.Dock="Left">
            <TextBlock Text="Here is the news that should wrap around." 
              TextWrapping="Wrap"/>
        </StackPanel>
    </Grid>
</Grid>

More Related Contents:

  1. How to Extract Default Control Template In Visual Studio?
  2. Binding Visibility for DataGridColumn in WPF
  3. What is so special about Generic.xaml?
  4. Best way to use a vector image in WPF?
  5. inherit style from default style
  6. WPF: Setting the Width (and Height) as a Percentage Value
  7. How do I make WPF ListView items repeat horizontally, like a horizontal scrollbar?
  8. What’s the meaning of * (asterisk) in XAML ColumnDefinition?
  9. UserControl’s DataContext
  10. How to get DataTemplate.DataTrigger to check for greater than or less than?
  11. WPF Binding StringFormat Short Date String
  12. WPF Animation “Cannot freeze this Storyboard timeline tree for use across threads”
  13. How to Stretch WPF Tab Item Headers to Parent Control Width
  14. How to bind a TextBlock to a resource containing formatted text?
  15. Where can I download Microsoft’s standard WPF themes from? [closed]
  16. Binding as a Resource
  17. What does “{Binding Path=.}” mean in WPF binding?
  18. WPF: Remove dotted border around focused item in styled listbox
  19. Template Binding in Control template
  20. ElementName Binding is failing
  21. WPF Events in ResourceDictionary for a ControlTemplate
  22. How to set DataGrid’s row Background, based on a property value using data bindings
  23. Boolean CommandParameter in XAML
  24. What is the difference for TargetType=”{x:Type Button}” and TargetType=”Button”?
  25. How can I specify letter spacing or kerning, in a WPF TextBox?
  26. Setting DataContext within UserControl is affecting bindings in parent
  27. How to set foreground and background colors on a WPF Menu control?
  28. How to display search results in a WPF items control with highlighted query terms
  29. How do I dynamically bind and statically add MenuItems?
  30. Can you define multiple TargetTypes for one XAML style?

Leave a Comment