Trying to get element alignment correct in xaml

Question

I am trying to get the first label and text box to align to the left side of the screen, and the second label and text box to align to the right side of the screen. What am I missing here? The second set of controls will not align to the right.

Thanks in advance!

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Column="0">
            <StackPanel Orientation="Horizontal">
                <Label Content="Active Profile"></Label>
                <TextBox Name="activeProfileName" Width="100" Height="20"></TextBox>
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >
                <Label Content="Create A New Profile"                        
                       HorizontalAlignment="Right"></Label>
                <TextBox Name="activeProfileNamey"
                         Width="100" Height="20"
                         HorizontalAlignment="Right"></TextBox>
            </StackPanel>
        </StackPanel>
    </Grid>

Possible duplicate of [Aligning controls on both left and right side in a stack panel in WPF](https://stackoverflow.com/questions/12150914/aligning-controls-on-both-left-and-right-side-in-a-stack-panel-in-wpf) — csharpwinphonexaml, Feb 01 '18 at 17:42

score 0 · Accepted Answer · answered Feb 01 '18 at 17:40

The outter StackPanel is your problem. Use Grid instead. Your question is actually a duplicate of the Aligning controls on both left and right side in a stack panel in WPF

Here is the code with Grid:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid Grid.Column="0">
        <Grid.ColumnDefinitions>
           <ColumnDefinition Width="Auto" />
           <ColumnDefinition Width="*" />
           <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Column="0" Orientation="Horizontal">
                <Label Content="Active Profile"></Label>
                <TextBox Name="activeProfileName" Width="100" Height="20"></TextBox>
        </StackPanel>
        <StackPanel Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Right" >
            <Label Content="Create A New Profile"                        
                    HorizontalAlignment="Right"></Label>
            <TextBox Name="activeProfileNamey"
                       Width="100" Height="20"
                       HorizontalAlignment="Right"></TextBox>
        </StackPanel>
    </Grid>
</Grid>

The code does not work. It has the same behavior as the the code I posted. — nikotromus, Feb 01 '18 at 19:27
Actually, if you change the column definition of the column from 'Auto' to '*', it works as expected. Thanks zmechanic!!! — nikotromus, Feb 01 '18 at 20:05

Trying to get element alignment correct in xaml

1 Answers1