TileView Layout issue

2 posts, 0 answers
  1. Eric
    Eric avatar
    7 posts
    Member since:
    Jan 2011

    Posted 17 Apr 2012 Link to this post

    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"
        <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="100">...</telerik:RadTileViewItem>
        <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="50">...</telerik:RadTileViewItem>
        <telerik:RadTileViewItem RestoredWidth="50" RestoredHeight="50">...</telerik:RadTileViewItem>
    But the 3rd tile shows up below the first one instead of next to it.

    Is this possible?


  2. Zarko
    Zarko avatar
    755 posts

    Posted 20 Apr 2012 Link to this post

    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,
    the Telerik team

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

  3. DevCraft R3 2016 release webinar banner
Back to Top