This is a migrated thread and some comments may be shown as answers.

TileView Layout issue

1 Answer 82 Views
TileView
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Eric
Top achievements
Rank 1
Eric asked on 17 Apr 2012, 08:09 PM
I am trying to get my tile view to have a single Tile in the first column taking 100% of the height and then have a second column that has 2 tiles in it sharing 50% of the height, but I cannot get it to layout correctly. This is a code sample:
<telerik:RadTileView Grid.Row="2" Regions:RegionManager.RegionName="ClaimsTilesRegion"
                             Background="#00C0C0C0" MaxColumns="2" ColumnWidth="auto"
                             Margin="9,9,9,12" MinimizedColumnWidth="350" IsDockingEnabled="True"  
                         IsItemDraggingEnabled="False" IsSelectionEnabled="False"
                             IsItemsSizeInPercentages="True" IsVirtualizing="False"
                             PreservePositionWhenMaximized="true"
                             RowHeight="auto"
                             MinimizedRowHeight="Auto"
                             telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
                             telerik:TileViewPanel.IsRowsShrinkEnabled="True"
                             telerik:TileViewPanel.IsSizeBoundToPosition="True">
    <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="100">...</telerik:RadTileViewItem>
    <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="50">...</telerik:RadTileViewItem>
    <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="50">...</telerik:RadTileViewItem>
</telerik:RadTileView>
But the 3rd tile shows up below the first one instead of next to it.

Is this possible?

Thanks,
Eric

1 Answer, 1 is accepted

Sort by
0
Zarko
Telerik team
answered on 20 Apr 2012, 02:06 PM
Hello Eric,
The problem is that at the moment you can't have different number of items on each row - for example items with positions 0 and 1 are on your first row and on your second row you'll have the last item (with position 2) beneath the first one (positions 0) and that's why the layout of the items is not how you expect it to be. The only workaround at the moment is to create "invisible" item with very small height and place in on positions 2 so that your visible item won't be placed beneath item 0 but beneath item 1 instead. 
I've attached a sample project to show you hot to do this so could you please examine it and if you have more questions feel free to ask.

Kind regards,
Zarko
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
TileView
Asked by
Eric
Top achievements
Rank 1
Answers by
Zarko
Telerik team
Share this question
or