Loading panel doesn't work

[pratik]

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>

[Paul]

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.

[pratik]

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?