In my tile view, I have managed to maximize horizontally as shown below. The problem is that when I maximize an item, the minimized items are arranged horizontally below it.
I want this layout when an item is maximized:
_______
| |
|______ |
|___|___|
|___|___|
|___|___|
And when all items are minimized:
_______
|___|___|
|___|___|
|___|___|
<telerik:RadTileView Margin="0"
ColumnsCount="1"
ColumnWidth="400"
MinimizedItemsPosition="Bottom"
ContentTemplate="{StaticResource contentTemplate}"
IsAutoScrollingEnabled="True"
IsDockingEnabled="True"
IsVirtualizing="True"
ItemsSource="{Binding Images}"
ItemTemplate="{StaticResource headerTemplate}"
MinimizedColumnWidth="200"
MinimizedRowHeight="200"
PreservePositionWhenMaximized="True"
RowHeight="200"
TileStateChangeTrigger="SingleClick" />
I want this layout when an item is maximized:
_______
| |
|______ |
|___|___|
|___|___|
|___|___|
And when all items are minimized:
_______
|___|___|
|___|___|
|___|___|
<telerik:RadTileView Margin="0"
ColumnsCount="1"
ColumnWidth="400"
MinimizedItemsPosition="Bottom"
ContentTemplate="{StaticResource contentTemplate}"
IsAutoScrollingEnabled="True"
IsDockingEnabled="True"
IsVirtualizing="True"
ItemsSource="{Binding Images}"
ItemTemplate="{StaticResource headerTemplate}"
MinimizedColumnWidth="200"
MinimizedRowHeight="200"
PreservePositionWhenMaximized="True"
RowHeight="200"
TileStateChangeTrigger="SingleClick" />