Loading panel images

4 posts, 0 answers
  1. Chom
    Chom avatar
    56 posts
    Member since:
    Dec 2009

    Posted 18 Nov 2010 Link to this post

    Does anyone know where I can get the default loading images to use in the loading panel?

    thanks
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 19 Nov 2010 Link to this post

    Hello Chom,


    I got the default "Loading.." image after I set the Skin for the RadAjaxLoadingPanel. Give a try by setting the Skin and see what happens.


    -Shinu.
  3. Chom
    Chom avatar
    56 posts
    Member since:
    Dec 2009

    Posted 19 Nov 2010 Link to this post

    Hey Shinu

    Thanks for the reply. How did you set that skin up? I have been playing with it but cannot get the skin to show on when the page loads.

    I just used the example I found here:
    http://www.telerik.com/help/aspnet-ajax/ajxshowloadingpaneloninitialpageload.html


    This is what I have got below, but skin still not working.

    <div>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <div style="margin-left:auto; margin-right:auto; width:300px; margin-top:100px">
        <asp:Panel ID="Panel1" runat="server">
            <asp:Panel ID="Panel2" Visible="false" runat="server">
                My content:
            </asp:Panel>
        </asp:Panel>        
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
            Width="75px" Transparency="50" EnableSkinTransparency="false" Skin="Vista" BackgroundPosition="Center">
            <%--<img alt="Loading..." src="loading.gif" style="border: 0;" />--%>
            <%--<asp:Image ID="Image1" runat="server" ImageUrl="~/loading1.gif" />--%>
        </telerik:RadAjaxLoadingPanel>
        </div>
    </div>
  4. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 23 Nov 2010 Link to this post

    Hi Chom,

    Please remove the Transparency property, it should not be used together with skins, only with custom loading templates.

    Width and Height also are not applicable when a Skin is used unless IsSticky is set to "True", which is not the case.

    Best wishes,
    Dimo
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top