RadIconTile - ImageURL not showing image?

3 posts, 0 answers
  1. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 20 Jun 2013 Link to this post

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

    Posted 20 Jun 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 20 Jun 2013 Link to this post

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