Telerik UI for Windows Phone by Progress

By default the RadWrapPanel control will allocate as much space for an item as it needs. This means that you can place items with different dimensions inside one and the same RadWrapPanel control and it will handle it. However, in case you want to specify a constant size for each item, the RadWrapPanel control provides you with the ItemWidth and ItemHeight properties. They allow you to specify the desired width and height which will get applied to each item inside the panel.

Note
If the item is bigger than the specified size, it will get clipped! If it is smaller, it will usually get positioned in the center of the allocated space.

Here is an example:

CopyC#
<telerikPrimitives:RadWrapPanel x:Name="radWrapPanel" Width="220" ItemWidth="110" ItemHeight="110">
<Border BorderBrush="White" BorderThickness="1" Width="100" Height="100" Background="#FF00BABD" />
<Border BorderBrush="White" BorderThickness="1" Width="100" Height="100" Background="#FF00BABD" />
<Border BorderBrush="White" BorderThickness="1" Width="100" Height="100" Background="#FF00BABD" />
<Border BorderBrush="White" BorderThickness="1" Width="100" Height="100" Background="#FF00BABD" />
<Border BorderBrush="White" BorderThickness="1" Width="100" Height="100" Background="#FF00BABD" />
</telerikPrimitives:RadWrapPanel>

Here is a snapshot of the result.

Wrap Panel-Item Size-01