Loading panel doesn't work

3 posts, 0 answers
  1. pratik
    pratik avatar
    2 posts
    Member since:
    Apr 2009

    Posted 10 Jul 2009 Link to this post

    Hi,
        I wrote following code, but when postback occurs(like dropdown index change), loading panel doesn't display... why??

    <telerik:radajaxloadingpanel id="LoadingPanel" runat="server" transparency="20" mindisplaytime="300"
                backcolor="Transparent">
            <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
                alt="Loading..." style="border: 0; margin-top: 40px;" />
        </telerik:radajaxloadingpanel>
        <telerik:radajaxmanagerproxy ID="ajaxProxyContracts" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="tsContractCapture">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="tsContractCapture" />
                        <telerik:AjaxUpdatedControl ControlID="mpContractCapture" LoadingPanelID="LoadingPanel" />

                    </UpdatedControls>
                </telerik:AjaxSetting>            
            </AjaxSettings>
        </telerik:radajaxmanagerproxy>
        <telerik:RadTabStrip ID="tsContractCapture" runat="server" MultiPageID="mpContractCapture">
            <Tabs>
                <telerik:RadTab runat="server" Text="General" Selected="true">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Compilance">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Performance">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Documents">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Comments">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="mpContractCapture" runat="server" Width="100%">
            <telerik:RadPageView BorderColor="Gray" BorderStyle="Solid" BorderWidth="1" ID="pvGeneral"
                runat="server" Selected="true">
              <telerik:RadComboBox CausesValidation="false" OnSelectedIndexChanged="cmbContractType_SelectedIndexChanged"
                                ID="cmbContractType" AutoPostBack="true" runat="server" Width="250px">
                                <CollapseAnimation Duration="200" Type="OutQuint" />
                            </telerik:RadComboBox>

    </telerik:RadPageView>
    </telerik:RadMultiPage>

    </telerik:RadMultiPage>
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 10 Jul 2009 Link to this post

    Hi pratik,

    Here's your modified code snippet that works as expected.

    <form id="form1" runat="server"
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
        </telerik:RadScriptManager> 
        <telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server"
            <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>' 
                alt="Loading..." style="border: 0" /> 
        </telerik:RadAjaxLoadingPanel> 
        <telerik:RadAjaxManager ID="ajaxProxyContracts" runat="server"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="tsContractCapture"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="tsContractCapture" /> 
                        <telerik:AjaxUpdatedControl ControlID="mpContractCapture" LoadingPanelID="LoadingPanel" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="cmbContractType"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="tsContractCapture" /> 
                        <telerik:AjaxUpdatedControl ControlID="mpContractCapture" LoadingPanelID="LoadingPanel" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <telerik:RadTabStrip ID="tsContractCapture" runat="server" MultiPageID="mpContractCapture" 
            AutoPostBack="true"
            <Tabs> 
                <telerik:RadTab runat="server" Text="General" Selected="true"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Compilance"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Performance"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Documents"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Comments"
                </telerik:RadTab> 
            </Tabs> 
        </telerik:RadTabStrip> 
        <telerik:RadMultiPage ID="mpContractCapture" runat="server" Width="100%"
            <telerik:RadPageView BorderColor="Gray" BorderStyle="Solid" BorderWidth="1" ID="pvGeneral" 
                runat="server" Selected="true"
                <telerik:RadComboBox CausesValidation="False" OnSelectedIndexChanged="cmbContractType_SelectedIndexChanged" 
                    ID="cmbContractType" AutoPostBack="True" runat="server" Width="250px"
                    <Items> 
                        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" /> 
                        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" /> 
                        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" /> 
                        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" /> 
                    </Items> 
                    <CollapseAnimation Duration="200" Type="OutQuint" /> 
                </telerik:RadComboBox> 
            </telerik:RadPageView> 
        </telerik:RadMultiPage> 
        </form> 


    Kind regards,
    Paul
    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.
  3. pratik
    pratik avatar
    2 posts
    Member since:
    Apr 2009

    Posted 10 Jul 2009 Link to this post

    Thanks, it works.. but my loading panel displays twice... because of master page attributes.. here are my master page tags..

    <telerik:RadScriptManager AsyncPostBackTimeout="1000" ID="ScriptManager1" runat="server" EnablePartialRendering="true" LoadScriptsBeforeUI="false"  >
                </telerik:RadScriptManager>    
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">      
                </telerik:RadStyleSheetManager>
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="Master_AjaxLoadingPanel">
                </telerik:RadAjaxManager>
                <telerik:RadAjaxLoadingPanel ID="Master_AjaxLoadingPanel" runat="server">
                <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading7.gif") %>'
                    alt="Loading..." style="border: 0;"/>
            </telerik:RadAjaxLoadingPanel>

    means when postback occurs there are two loading panels are displayed 1)of masterpage 2)of page

    how can i solve this?
Back to Top