Missing tiles

3 posts, 0 answers
  1. Nedim
    Nedim avatar
    11 posts
    Member since:
    Mar 2012

    Posted 10 Feb 2015 Link to this post

    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. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 11 Feb 2015 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nedim
    Nedim avatar
    11 posts
    Member since:
    Mar 2012

    Posted 11 Feb 2015 in reply to Marin Bratanov Link to this post

    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. 
Back to Top