Hello!
I have some xaml for a control to which I added a xamtilemanager and added 3 xamtiles. The tiles are placed such that the first tile is on the top in row 0 and spans 2 columns. Tile 2 and tile 3 are in the row 1 and in column 0 and 1 respectively. When I make the tile 3 collapsed, I would like tile 2 to span 2 columns and cover the unused space. How do I do this? Here is the xaml for this:
<Grid Name="LayoutRoot" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<ig:XamTileManager HorizontalAlignment="Stretch" Name="xamTileMgrCollectionPage" VerticalAlignment="Stretch" >
<ig:XamTileManager.NormalModeSettings>
<ig:NormalModeSettings TileLayoutOrder="UseExplicitRowColumnOnTile" AllowTileSizing="Individual" ShouldAnimate="False"
HorizontalTileAreaAlignment="Stretch" VerticalTileAreaAlignment="Stretch" />
</ig:XamTileManager.NormalModeSettings>
<ig:XamTile ig:XamTileManager.Row="0" ig:XamTileManager.Column="0" ig:XamTileManager.ColumnSpan="2" Name="xamTileRealTimeCtrl" Header="Real Time Trace"/>
<ig:XamTile ig:XamTileManager.Row="1" ig:XamTileManager.Column="0" Name="xamTileVideoCtrl" Header="Video Contols"/>
<ig:XamTile ig:XamTileManager.Row="1" ig:XamTileManager.Column="1" Name="xamTileCollectionCtrl" Header="Collection Controls"/>
</ig:XamTileManager>
</Grid>
After tile 3 is collapsed, the GUI look like in the attachment. And I want the second tile to stretch horizontally.
Hello,
Thank you for your post. I have been looking into it and I can say that after you collapse the third XamTile you can set the second one ColumnSpan Property to 2, which will make it take all the available space. I created a sample project that demonstrates that. Please let me know if this helps you or you need further assistance on this matter.
Looking forward for your reply.