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.
Yes thanks for your reply.
Hello again,
I am just checking the progress of this issue and was wondering if you managed to achieve your goal or if you need any further assistance on the matter.
Hello Sudnya,
After investigating this our developers said that this behavior occurs by design since this has to do with how the layout manager distribues extra space to columns based on their preferred widths. You can eitehr use the workaround i suggested you before or set the PrefferedWidth of the Tiles like this:
<ig:XamTileManager.NormalModeSettings> <ig:NormalModeSettings> <ig:NormalModeSettings.TileConstraints> <ig:TileConstraints PreferredWidth="20"/> </ig:NormalModeSettings.TileConstraints> </ig:NormalModeSettings> </ig:XamTileManager.NormalModeSettings>
Please let me know if you have furtehr questions on this matter.
Hello,
I have logged this with development under ID: 160127 and I have also created a support ticket on your behalf: CAS-128783-H3W2J3 and have linked the development issue to it, so that you can get automatically updated, when a Service Release containing the fix is available for download. You can get the new version from our website’s “My IG”, “My Keys & Downloads” tags: https://es.infragistics.com/Membership/Default.aspx?panel=Downloads#Downloads
You can also monitor the support ticket’s progress through the “My Support Activity” tag: https://es.infragistics.com/Membership/MySupport.aspx
In the meantime you can use the approach I suggested you.
Hi Stefan.
Thanks for your reply. But is there a way for this to be automated rather than explicitly setting the column span. I wrote another sample in which there are 2 tiles in 2 rows and span 2 columns. When I hide one tile, the other spans 2 rows automatically. So it seems like it isn't working only when it has to fill up columns.
Thanks.