Changing the image of the rad loading panel

4 posts, 0 answers
  1. andieje
    andieje avatar
    473 posts
    Member since:
    Oct 2006

    Posted 28 Sep 2009 Link to this post

    Hello

    The help file gives the following instructions on how to change the image of a rad loading panel

    Change the image that displays in the loading panel.
    RadAjax ships with a number of pre-defined animated "gif" images. Change the <src> tag path to one of the gifs in the installation directory: "\Telerik\RadControls for ASP.NET AJAX Q3 2008\Skins\Default\Ajax"

    What if the telerik controls are not installed on our production server? How do you specify an image that is simply located in the images directory of your website? Failing that, how could you specify an image that was located in a folder for a custom skin

    thanks
  2. Schlurk
    Schlurk avatar
    812 posts
    Member since:
    May 2009

    Posted 28 Sep 2009 Link to this post

    I think you can use any image. In regards to your question about the install directory not being on the server, you can just navigate to the directory mentioned and drag one of the images there into your Visual Studio project. You can try this when defining the loading panel:

     
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"
         <asp:Image ID="myImage" runat="server" AlternateText="Loading..." ImageAlign="Middle" ImageUrl="~/myImage.gif" /> 
    </telerik:RadAjaxLoadingPanel> 

  3. EZECHIAS
    EZECHIAS avatar
    8 posts
    Member since:
    May 2013

    Posted 30 Jan Link to this post

    use this css style to override the default loading image

    .RadAjax_Default .raDiv {
        background-image: url('../Images/loading.gif')!important;
    }

  4. Eyup
    Admin
    Eyup avatar
    3860 posts

    Posted 04 Feb Link to this post

    Hello Ezechias,

    Thank you for sharing your approach with our community. I hope it will prove helpful to other developers as well.

    Alternatively, you can also check the Templates functionality provided by RadAjaxLoadingPanel:
    https://demos.telerik.com/aspnet-ajax/ajaxloadingpanel/functionality/transparency/defaultcs.aspx

    Regards,
    Eyup
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top