Make a two column ListBox

[NujnaH]

Hey guys, first post here.
I'm making an application for Windows Phone 7, and in my main view, I'm trying to create a list, but with two columns, showing the same data. So instead of the data going straight down, it goes sideways, then down. Is this possible?

[hamishwillee]

Can you add a mockup of what you're trying to do?

[sreerajvr]

Please refer the following XAML code

<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="50"></RowDefinition>
<RowDefinition Height="50"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"></ColumnDefinition>
<ColumnDefinition Width="100"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Content="Text" Grid.Row="0" Grid.Column="0"></Button>
<Rectangle Fill="Blue" Grid.Row="0" Grid.Column="1"></Rectangle>
</Grid>

[Popple3]

You can also use a WrapPanel from the WP Silverlight Toolkit that you can download from http://silverlight.codeplex.com/

[NujnaH]

Thanks for the responses! I'm not sure if the Grid definitions will work though. So basically, I want a list of images. Say they are images 1, 2, 3 ... 10. Normal list view would show them as
1
2
3
4
...
10

But I want
1 2
3 4
....
9 10. Would a wrap panel accomplish this?

[Popple3]

Thanks for the responses! I'm not sure if the Grid definitions will work though. So basically, I want a list of images. Say they are images 1, 2, 3 ... 10. Normal list view would show them as
1
2
3
4
...
10

But I want
1 2
3 4
....
9 10. Would a wrap panel accomplish this?

Yeah, it should. A wrap panel will fit as much as it can horizontally, before going to a new line. So if you set the width of your StackPanel (or whatever you're using for each list item) to the right size, you'll get two columns working nicely.

[NujnaH]

Yeah, it should. A wrap panel will fit as much as it can horizontally, before going to a new line. So if you set the width of your StackPanel (or whatever you're using for each list item) to the right size, you'll get two columns working nicely.

sweet, i'll try that out tonight. thanks

[sreerajvr]

You can also use attached Properties of XAML
eg: you can set the value of Grid.Column on a button/images assigned to a button variable as follows

Grid.SetColumn(button, 1);

[NujnaH]

i ended up using a wrap panel. it worked out really nicely. i hope my app gets published now