Rectangles and Grids

[lunchboxtheman]

Hey all,
I'm running into a weird issue with trying to get a rectangle to span an entire list item. Check out the screenshot attachment.

For the first list item there, I used the following XAML

<ListBoxItem HorizontalContentAlignment="Stretch">
. . .
<Rectangle Fill="Red" Grid.ColumnSpan="2" Grid.RowSpan="3" />
. . .

For the second, I'm using the C# code below

            Rectangle highlightRect = new Rectangle();
            Grid.SetColumnSpan(highlightRect, 2);
            Grid.SetRowSpan(highlightRect, 3);
            SolidColorBrush myBrush = new SolidColorBrush(Colors.Red);
            highlightRect.Fill = myBrush;

            . . .

            layoutGrid.Children.Add(highlightRect);

            . . .

            ListBoxItem theItem = new ListBoxItem();
            theItem.HorizontalContentAlignment = HorizontalAlignment.Stretch;
            theItem.Content = layoutGrid;

The first result, the one obtained from using that XAML, is the desired one. What am I not doing in the C# to make the rectangle fill up the rest of the space?

Thanks,
Lunchboxtheman

[lunchboxtheman]

*smack*
In the XAML I had the width of the last column def to "*" and in the C# I had it set to "Auto".

I still don't understand the difference between the two, and where and when they can be applied. I'll have to read up more on that.

Thanks,
Lunchboxtheman

[chris128]

Auto means it will try to automatically size to the contents of the column, * means the columns will take up all available space