How do I align side by side in stackpanel?

Question

How can I have the button align beside the ComboBox ? I am not able to drag the button to the side of the ComboBox using designer.

<Expander.Content>
    <StackPanel>
        <ComboBox Name="cbProd" Height="30" IsEditable="True" FontSize="15" />
        <Button Name="btnAdd" Content="add" Click="btnAddProduct_Click" />

score 36 · Accepted Answer · answered Sep 26 '12 at 08:08

Just nest multiple layout containers like this:

<Expander.Content>
    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Horizontal">
            <ComboBox Name="cbProd" Height="30" IsEditable="True" FontSize="15" />
            <Button Name="btnAdd" Content="add" Click="btnAddProduct_Click" />
        </StackPanel>
        ... your other controls
    </StackPanel>
</Expander.Content>

score 9 · Answer 2 · answered Sep 26 '12 at 07:53

9

set the orientation property of the stackpanel to Horizontal

answered Sep 26 '12 at 07:53

dnr3

1,481
13
21

Not what I wanted, because everthing will be horizantal. – Alvin Sep 26 '12 at 08:00

How do I align side by side in stackpanel?

2 Answers2