Two Rows in a Horizontal Stack Panel? (WPF)

wpf containers stackpanel
ashes999 picture ashes999 · May 7, 2011 · Viewed 11.5k times · Source

I have this stack panel (contains four fractions):

enter image description here

(Fractions are just text with new lines and hyphens.) If I add a fifth fraction, it'll go to the right of 10/12, instead of forming a second row.

How do I configure my StackPanel so that it'll overflow into a second row (and stay within the bounds of the StackPanel) instead of overflowing invisibly?

Markup:

<StackPanel Name="_fractionContainer" Width="700" Height="600"
      Orientation="Horizontal" Margin="8, 8, 8, 8" Background="White" />

Answer

J Cooper picture J Cooper · May 8, 2011

Use a wrap panel instead

<WrapPanel Name="_fractionContainer" Orientation="Horizontal" ...>

Related questions

ItemContainerGenerator.ContainerFromItem() returns null?

I'm having a bit of weird behavior that I can't seem to work out. When I iterate through the items in my ListBox.ItemsSource property, I can't seem to get the container? I'm expecting to see a ListBoxItem returned, but …

Read More
How to create WPF usercontrol which contains placeholders for later usage

I'd better ask the question by example. Let's say I have UserControl and Window which uses this control. I would like to design this control (named MyControl) in such way (this is sci-fi syntax!): <Grid> <Button>…

Read More
WPF: What is the generic container control?

In HTML the generic container control is a DIV. It doesn't do a anything on its own, but it makes for a great place to hang stuff off. Likewise in WinForms the generic container control was the Panel. Again, this …

Read More