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

Missing tiles

2 Answers 55 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Ned
Top achievements
Rank 1
Ned asked on 10 Feb 2015, 07:04 PM
I have 14 tiles in my TileList. However, only 11 of them are shown on the page. I'm not able to use the space on the bottom right hand corner of the area for some reason. Any idea why it might cause this problem?

Screenshot: http://s29.postimg.org/cimmy9a0n/Capture.png

Code:
<telerik:RadTileList ID="RadTileList1" runat="server" TileRows="4" Width="100%" EnableDragAndDrop="True" SelectionMode="Multiple">
                        <Groups>
                            <telerik:TileGroup>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[0,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[0,0] %>" NavigateUrl="<%$ Code: allTiles[0,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[0,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[1,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[1,0] %>" NavigateUrl="<%$ Code: allTiles[1,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[1,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageUrl="<%$ Code: allTiles[4,2] %>" Name="<%$ Code: allTiles[4,0] %>" Width="310px" NavigateUrl="<%$ Code: allTiles[4,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[4,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[7,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[7,0] %>" NavigateUrl="<%$ Code: allTiles[7,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[7,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[8,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[8,0] %>" NavigateUrl="<%$ Code: allTiles[8,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[8,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[2,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[2,0] %>" NavigateUrl="<%$ Code: allTiles[2,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[2,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[3,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[3,0] %>" NavigateUrl="<%$ Code: allTiles[3,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[3,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[5,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[5,0] %>" NavigateUrl="<%$ Code: allTiles[5,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[5,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[6,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[6,0] %>" NavigateUrl="<%$ Code: allTiles[6,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[6,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[9,2] %>" Name="<%$ Code: allTiles[9,0] %>" NavigateUrl="<%$ Code: allTiles[9,1] %>" Target="_blank" ImageWidth="150px" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[9,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageAndTextTile runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[10,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[10,0] %>" NavigateUrl="<%$ Code: allTiles[10,1] %>" Target="_blank">
                                    <Title Text="<%$ Code: allTiles[10,0] %>"></Title>
                                </telerik:RadImageAndTextTile>
                                <telerik:RadImageTile runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[11,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[11,0] %>" NavigateUrl="<%$ Code: allTiles[11,1] %>" Target="_blank">
                                    <Title Text="<%$ Code: allTiles[11,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[12,2] %>" Name="<%$ Code: allTiles[12,0] %>" NavigateUrl="<%$ Code: allTiles[12,1] %>" Target="_blank" ImageWidth="150px" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[12,0] %>"></Title>
                                </telerik:RadImageTile>
                                <telerik:RadImageTile runat="server" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[13,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[13,0] %>" ForeColor="White" NavigateUrl="<%$ Code: allTiles[13,1] %>" Target="_blank" EnableSelection="True">
                                    <Title Text="<%$ Code: allTiles[13,0] %>"></Title>
                                </telerik:RadImageTile>
                            </telerik:TileGroup>
                        </Groups>
                    </telerik:RadTileList>

2 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 11 Feb 2015, 09:48 AM

Hello Nedim,

Once I removed the bindings I cannot emulate, this markup seems to work fine for me. I am attaching a screenshot with the expected rendering.

What I can suggest at this point is making sure that the correct data is returned for the tiles that are missing, as a script error may break the control or invalid markup may cause it to render unexpectedly.

Here is the markup that I ran which should result only in errors related to the image URLs as the browsers will not recognize such a string as a valid URL. If this works fine for you (i.e., looks like my screenshot), then the problem is very likely to stem from the data.

<telerik:RadTileList ID="RadTileList1" runat="server" TileRows="4" Width="100%" EnableDragAndDrop="True" SelectionMode="Multiple">
    <Groups>
        <telerik:TileGroup>
            <telerik:RadImageTile ID="RadImageTile1" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles0,2" ImageWidth="150px" Name="Code: allTiles0,0" NavigateUrl="Code: allTiles0,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles0,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile2" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles1,2" ImageWidth="150px" Name="Code: allTiles1,0" NavigateUrl="Code: allTiles1,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles1,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile3" runat="server" ForeColor="White" ImageUrl="Code: allTiles4,2" Name="Code: allTiles4,0" Width="310px" NavigateUrl="Code: allTiles4,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles4,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile4" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles7,2" ImageWidth="150px" Name="Code: allTiles7,0" NavigateUrl="Code: allTiles7,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles7,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile5" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles8,2" ImageWidth="150px" Name="Code: allTiles8,0" NavigateUrl="Code: allTiles8,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles8,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile6" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles2,2" ImageWidth="150px" Name="Code: allTiles2,0" NavigateUrl="Code: allTiles2,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles2,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile7" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles3,2" ImageWidth="150px" Name="Code: allTiles3,0" NavigateUrl="Code: allTiles3,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles3,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile8" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles5,2" ImageWidth="150px" Name="Code: allTiles5,0" NavigateUrl="Code: allTiles5,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles5,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile9" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles6,2" ImageWidth="150px" Name="Code: allTiles6,0" NavigateUrl="Code: allTiles6,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles6,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile10" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles9,2" Name="Code: allTiles9,0" NavigateUrl="Code: allTiles9,1" Target="_blank" ImageWidth="150px" EnableSelection="True">
                <Title Text="Code: allTiles9,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageAndTextTile ID="RadImageAndTextTile1" runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles10,2" ImageWidth="150px" Name="Code: allTiles10,0" NavigateUrl="Code: allTiles10,1" Target="_blank">
                <Title Text="Code: allTiles10,0"></Title>
            </telerik:RadImageAndTextTile>
            <telerik:RadImageTile ID="RadImageTile11" runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles11,2" ImageWidth="150px" Name="Code: allTiles11,0" NavigateUrl="Code: allTiles11,1" Target="_blank">
                <Title Text="Code: allTiles11,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile12" runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="Code: allTiles12,2" Name="Code: allTiles12,0" NavigateUrl="Code: allTiles12,1" Target="_blank" ImageWidth="150px" EnableSelection="True">
                <Title Text="Code: allTiles12,0"></Title>
            </telerik:RadImageTile>
            <telerik:RadImageTile ID="RadImageTile13" runat="server" ImageHeight="150px" ImageUrl="Code: allTiles13,2" ImageWidth="150px" Name="Code: allTiles13,0" ForeColor="White" NavigateUrl="Code: allTiles13,1" Target="_blank" EnableSelection="True">
                <Title Text="Code: allTiles13,0"></Title>
            </telerik:RadImageTile>
        </telerik:TileGroup>
    </Groups>
</telerik:RadTileList>

Regards,

Marin Bratanov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Ned
Top achievements
Rank 1
answered on 11 Feb 2015, 09:56 PM
Thank for your reply. The code works in a new project as well as a new page in the same project. So I started checking other controls to see of any of them interfering the functionality of TileList.

It ended up that PersistenceManager was the reason. It was loading state which was saved for 3 rows in Page_Load. I made the change. Problem solved. 
Tags
TileList
Asked by
Ned
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Ned
Top achievements
Rank 1
Share this question
or