[Solved] Ajax RadGrid Loading Panel

[Ritzie]

Hello


              I want the my grid to load in the same manner as the demo is shown of the Drag-Drop grid.

I inserted the loading Panel ,but I am not able to show theloading image when the backroung goes gray.
In the demo they have written a cssclass which I will have to include in my aspx but the CssClass is not there in the sample demo .Please help me with this is required very importantly.



Thankx in advance,
Regards
Ritzie

[Iana Tsolova]

Hello Ritzie,

Try this loading panel and see if it works for you:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
    Width="75px">
    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading2.gif") %>'
        style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>

Let me know how it goes.

All the best,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ritzie]

Hello Iana

                It works fine but partially because while collapsing and expanding my grid get invisible,why I don't know Please tell me its required very importantly.


Thanks in advance
Ritzie

[Dimo]

Hello Ritzie,

Please set some Transparency to the RadAjaxLoadingPanel and RadGrid will be visible all the time during AJAX requests.

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ritzie]

Hello Dimo,
        
                     I had provided a Transparency to the loading panel earlier itself.But still my grid gets invisible at the collapsing and expanding events.

Please help me
Thanx in advance
Ritzie

[Iana Tsolova]

Hi Ritzie,

Try setting Transparency to 50 and see if it makes any difference:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
    Width="75px" Transparency="50">
    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading2.gif") %>'
        style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>

Find more about RadAjaxLoadingPanel Transparency here.

Sincerely yours,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Lee]

The calendar and grid are grayed out when Loading Panel display:
http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/transparency/defaultcs.aspx

but the codes below do not work for me , no image/no loading panel displayed.

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
    Width="75px" Transparency="50">
    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading2.gif") %>'
        style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>

The codes below worked for me, but only a small area was grayed out.

 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="centerUpdatePanel();">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Panel_Fields">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Panel_Fields" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" IsSticky="true" runat="server"
            EnableSkinTransparency="true" Transparency="25" BackColor="#AAAAAA"   >
            <asp:Image ID="Image2" runat="server" ImageUrl="~/App_Themes/CommonImages/loading.gif" style="border: 0px;">
            </asp:Image>
        </telerik:RadAjaxLoadingPanel>

Here is the screen shot:
http://www.lamwz.cn/javascript/slideshow/images/RadAjaxLoadingPanel_No_GrayOut_Back_2.jpg   (live demo)
http://www.lamwz.cn/javascript/slideshow/images/RadAjaxLoadingPanel_No_GrayOut_Back.jpg       (my scenario)

Please help me
Thanks in advance
Eman Lee

[Iana Tsolova]

Hello Lee,

Could you please try setting height and width to the ajaxified Panel in pixels and see if it makes any difference?

Kind regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.