RadIconTile - ImageURL not showing image?

[David]

i decided to create a brand new Web Application to test the RadTileList out.
Here is my HTML code:

  <form id="form1" runat="server"><br>   <br>         <div><br>        <asp:ScriptManager runat="server" ></asp:ScriptManager><br>             <%--TODO: what does the radFormDecorator do?--%><br>        <telerik:RadFormDecorator runat="server" DecoratedControls="All" EnableRoundedCorners="true" /><br><br>        <telerik:RadTileList runat="server" ID="Tiley" SelectionMode="Single" EnableDragAndDrop="true"><br>            <Groups><br>                <telerik:TileGroup><br>                    <br>                    <telerik:RadImageTile runat="server" Title-Text="Title-Text_Fruit" ImageUrl="http://t0.gstatic.com/images?q=tbn:ANd9GcSICYQ_b6umFy_RAnxSmzoHVqTY3J9l1bWw8bCIJIOiR83x993tqw"><br>                        <Title Text="Title_Fruit"></Title><br>                        <PeekTemplateSettings  Animation="Slide" ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true"  /> <br>                        <%-- ShowInterval="1000" CloseDelay="700" AnimationDuration="600"  --%> <%--use these to peek automatically--%><br>                        <PeekTemplate><br>                            <asp:Label runat="server" Text="Have Some Fruit"></asp:Label>                        <br>                            <asp:Image runat="server" ID="Fruit_Ninja" AlternateText="FruityNinja" ImageUrl="http://t0.gstatic.com/images?q=tbn:ANd9GcS7CGpWMAzces6nrxzNfhfYYJFI9xROuIn794iJKPNBWtIoyUDm" /><br>                        </PeekTemplate><br>                    </telerik:RadImageTile><br>                   <br>                    <telerik:RadImageTile runat="server" Title-Text="Title-Text_Meat" ImageUrl="http://www.glenvillepacking.com/files/Raw-Meat-1.jpg" Shape="Wide"><br>                        <Title Text="Title_Meat"></Title><br>                        <PeekTemplateSettings Animation="Fade" ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true" /><br>                        <PeekTemplate><br>                            <asp:Label runat="server" Text="Meeat"></asp:Label><br>                            <asp:Image Width="100%" runat="server" ID="Meat_Boy" AlternateText="MeatBoy" ImageUrl="http://www.onlinegames.cat/wp-content/uploads/2011/11/super-meat-boy-main.jpg" /><br>                        </PeekTemplate><br>                    </telerik:RadImageTile><br>                   <br>                </telerik:TileGroup><br>                <telerik:TileGroup ><br>                    <telerik:RadIconTile runat="server" ImageUrl="~/Images/cloud.png" Shape="Wide" ><br>                        <Title Text="Lightbulb"></Title><br>                        <br>                    </telerik:RadIconTile><br>                </telerik:TileGroup><br>            </Groups><br>            <br>        </telerik:RadTileList><br>    </div><br>    </form>

the ImageURL points to an image that i have in my Web Application, but when running the program it doesn't show the image. It just shows a blank square with a black X in the middle.
i've tried png and ico images but no luck. is there something simple that i'm missing?

thanks for your help

[Marin Bratanov]

Hi David,

There is a known limitation in the control, since it is still at beta stage - it does not resolve the tilde (~) symbol for server root-relative paths, so you need to use client-resolvable paths for the time being. This issue can be tracked here: IMPROVE RadTile should resolve the server root ("~/") for its URLs (for images and pages).


Regards,
Marin Bratanov
Telerik

[David]

aah excellent! all i had to do was remove the '~/' bit and it works.
thanks for the response. i'm slowly understanding how the different parts work.