Question

How would you code this design:

http://roosteronacid.com/xaml.png

Update:

Here’s where I’m at:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" MinWidth="200" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <!-- v-scroll on contents -->
    <StackPanel x:Name="sidebar" Grid.Column="0">
        <StackPanel x:Name="top-box" Margin="4, 4, 4, 4"
                    VerticalAlignment="Top" Background="#FFCECECE" />

        <StackPanel x:Name="bottom-box" Grid.Column="0">
            <StackPanel Margin="4, 4, 4, 4" />
        </StackPanel>
    </StackPanel>

    <controls:GridSplitter Grid.Column="0" Height="Auto" Width="2" 
                           HorizontalAlignment="Right" Background="Black" />

    <!-- no scroll -->
    <StackPanel x:Name="static-top-box" Grid.Column="1" Height="60"
                VerticalAlignment="Top" Background="AliceBlue">
        <StackPanel Margin="4, 4, 4, 4" />
    </StackPanel>

    <!-- v/h-scroll on contents -->
    <StackPanel x:Name="v-h-scroll-box" Grid.Column="1" Height="Auto"
                Margin="0,60,0,0" Background="Beige">
        <StackPanel Margin="4, 4, 4, 4" />
    </StackPanel>
</Grid>

Answer 1

A Grid with two rows and two columns. One control in cell 0,0 with a RowSpan of 2. Each of the other controls in cells 1,0 and 1,1 respectively. Row 1 is sized absolute and Row 2 is percentage sized. How you govern the display of scrollbars is up to your design and what controls you host in the grid.

Update

I believe you just need to host your StackPanel instances inside ScrollViewer instances. This should give you the scrollbars that you need.