Thursday, December 30, 2010

How to use Telrik Red Ajax Loading Panel in asp.net

Hi ,
RadAjaxLoadingPanel is really very nice control provided by Telrik .
When Ajax using on any application then the application partially post back on sever. User does not have any notification about that . So telrik RadAjaxLoadingPanel being helpful for this .
How to use
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="ddlCountry">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ddlCountry" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
         <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="ddlCity">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ddlCity" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="5">
        <table style="width: 100%; height: 100%;">
            <tr style="height: 100%">
                <td align="center" valign="middle" style="width: 100%">
                    <asp:Image ID="Image2" ImageUrl="~/Images/loading5.gif" BorderWidth="0px" Height="32px"
                        Width="32px" AlternateText="Processing Data ...." runat="server"></asp:Image></td>
            </tr>
        </table>
    </telerik:RadAjaxLoadingPanel>
In rad ajax manager give the id of  DefaultLoadingPanelID="RadAjaxLoadingPanel1" 
 In <telerik:AjaxUpdatedControl ControlID="ddlCountry" LoadingPanelID="RadAjaxLoadingPanel1" /> give the id of the control which have to be postback. and Loding panel id of loding panel.

Note--> IF you face any problem you can search all the Document related to telrik control demo.
Thanks

No comments:

Post a Comment

Post a Comment