Home/ Questions/Q 7985715
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T11:38:04+00:00

I need a panel with 3 items arranged horizontally, one aligned left, one right

  • 0

I need a panel with 3 items arranged horizontally, one aligned left, one right and the last centered in the remaining space. I can get this with:

<DockPanel LastChildFill="True">
    <TextBlock DockPanel.Dock="Left" Text="TextLeft" FontSize="40" Foreground="DarkOrange"/>
    <TextBlock DockPanel.Dock="Right" Text="TextRight" FontSize="40" Foreground="DarkOrange"/>
    <TextBlock Text="TextMiddle" FontSize="40" HorizontalAlignment="Center"/>
</DockPanel>

enter image description here

But I’d like that when the width is smaller than the sum of item widths that it is “TextRight” that gets eaten into NOT “TextMiddle” as is shown below:

enter image description here

Note Ive tried adding MinWidth on TextMiddle – but this doesn’t change the behavior – because TextMiddle is last child of a LastChildFill=”True” DockPanel.

The XAML below gets me the correct behavor on resize (TextRight gets eaten into when space in limited) but “TextMiddle” is not centered in the available space when there is enough width:

<DockPanel LastChildFill="False" >
    <TextBlock DockPanel.Dock="Left" Text="TextLeft" FontSize="40" Foreground="DarkOrange"/>
    <TextBlock DockPanel.Dock="Left" Text="TextMiddle" FontSize="40" HorizontalAlignment="Center" />
    <TextBlock DockPanel.Dock="Right" Text="TextRight" FontSize="40" Foreground="DarkOrange"/>
</DockPanel>

enter image description here
enter image description here

I’m sure there is an easy solution to this – maybe by using a subpannel in one of the items – but I just cant get my head around exactly how. Any help much appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Maybe this is it?

    <Grid>
  <Grid.RowDefinitions>
    <RowDefinition />
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="2*" MinWidth="350"/>
    <ColumnDefinition Width="*"/>
  </Grid.ColumnDefinitions>
  <UniformGrid HorizontalAlignment="Stretch" Rows="1">  
       <TextBlock Name="TextLeft" Text="TextLeft" FontSize="40" Foreground="DarkOrange"/>  
       <TextBlock Name="TextMiddle" Text="TextMiddle" FontSize="40" HorizontalAlignment="Center" />  
  </UniformGrid>
  <TextBlock Grid.Column="1" HorizontalAlignment="Right" Text="TextRight" FontSize="40" Foreground="DarkOrange"/>  
</Grid>
    • 0