Unfortunately the alternative (DockPanel) isnt available for Metro. You could try a WrapGrid, but I dont know if it’ll solve your problem (Ive never used it). The only real way of doing this is using a Grid as you described: <Grid Width=”400″> <Grid.ColumnDefinitions> <ColumnDefinition Width=”Auto” /> <ColumnDefinition /> </Grid.ColumnDefinitions> <TextBlock Text=”Label” Width=”150″ /> <TextBox Text=”Value” … Read more
There are two techniques that might be a big help. Both of them are described very well by Bea Stolnitz on her blog. The first is UI Virtualization and the second is Data Virtualization In UI virtualization you use things like VirtualizingStackPanel to make the UI draw fewer things. Data virtualization makes sure you don’t … Read more
Well, you already found the solution 😉 StackPanels won’t fill any remaining space by default because their size is always equal to the combined required size of their child elements. Grid is a great way to go because it will dynamically resize when the browser size changes. Mark’s answer of using a DockPanel works fine … Read more
Like so: <StackPanel VerticalAlignment=”Bottom”> … </StackPanel> and to populate with buttons upward you must insert the buttons at position 0, instead of adding them.
What about this one : <DockPanel Margin=”8″> <Border CornerRadius=”6″ BorderBrush=”Gray” Background=”LightGray” BorderThickness=”2″ DockPanel.Dock=”Top”> <StackPanel Orientation=”Horizontal”> <TextBlock FontSize=”14″ Padding=”0 0 8 0″ HorizontalAlignment=”Center” VerticalAlignment=”Center”>Search:</TextBlock> <TextBox x:Name=”txtSearchTerm” HorizontalAlignment=”Center” VerticalAlignment=”Center” /> <Image Source=”lock.png” Width=”32″ Height=”32″ HorizontalAlignment=”Center” VerticalAlignment=”Center” /> </StackPanel> </Border> <StackPanel Orientation=”Horizontal” DockPanel.Dock=”Bottom” Height=”25″ /> </DockPanel>
Stack Panel: The StackPanel, as the name implies, arranges content either horizontally or vertically. Vertical is the default, but this can be changed using the Orientation property. Content is automatically stretched based on the orientation (see screenshot below), and this can be controlled by changing the HorizontalAlignment or VerticalAlignment properties. Dock Panel: The DockPanel is … Read more
You could put a Border around the StackPanel and set a padding on that. I end up doing this a lot, since there are many UIElements that do not have a padding property. <Border Padding=”10″> <StackPanel> <!–…–> </StackPanel> </Border> (Note: all FrameworkElements have a Margin property, which will space the element, but not include the … Read more
You can’t without fixing the height of the StackPanel. It’s designed to grow indefinitely in one direction. I’d advise using a different Panel. Why do you “need” to have an outer StackPanel?
Just do not use a StackPanel, StackPanels stack. They do, for obvious reasons, not allow alignment in the direction in which they stack. Use a Grid, with column definitions like so: <Grid.ColumnDefinitions> <ColumnDefinition Width=”Auto” /> <ColumnDefinition Width=”*” /> <ColumnDefinition Width=”Auto” /> </Grid.ColumnDefinitions>
Put it into a ScrollViewer.