[Solved] All the controls are automatically down the line and use RadAjaxManager RadAjaxLoadingPanel !!!

[Phuoc Nguyen Thanh]

Dear Telerik Team!
Why All the controls are automatically down the line and use RadAjaxManager RadAjaxLoadingPanel. And if I do not use it then displays normally. I use FireFox browser. How to fix this.

This is my code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadCboMaHang">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadCboMaHang" LoadingPanelID="RadAjaxLoadingPanel1"/>
            </UpdatedControls>
        </telerik:AjaxSetting>

        <telerik:AjaxSetting AjaxControlID="RadCboMaHang">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="lblSessionMahang" LoadingPanelID=""/>
                <telerik:AjaxUpdatedControl ControlID="RadNumericTextBoxChieudaitruc" LoadingPanelID=""/>
                <telerik:AjaxUpdatedControl ControlID="RadNumericTextBoxGm" LoadingPanelID=""/>
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel  ID="RadAjaxLoadingPanel1" runat="server" Height="20px"
            Width="20px" Transparency="5" HorizontalAlign="Center" >
            <img style="margin-top: 10px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page,
            "Telerik.Web.UI.Skins.Default.Ajax.loading5.gif") %>' />
</telerik:RadAjaxLoadingPanel>

This is my code design:

<tr>
        <td>
        Mã hàng:&nbsp;
            <telerik:RadComboBox ID="RadCboMaHang" Runat="server"
                    Height="100px" Width="110px" MarkFirstMatch="true"
                    EnableLoadOnDemand="true" HighlightTemplatedItems="true"
                    DataTextField="Mahang" DropDownWidth="110px" DataValueField="Mahang"
                    ItemRequestTimeout="500"
                    OnItemsRequested="RadCboMaHang_ItemsRequested" Skin="Outlook"
                        TabIndex="1" AutoPostBack="True"
                onselectedindexchanged="RadCboMaHang_SelectedIndexChanged">
                        <HeaderTemplate>
                            <table style="width: 110px" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td style="width: 110px;">
                                        Mã hàng
                                    </td>
                                </tr>
                            </table>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <table style="width: 100px" class="comboTable"
                            cellpadding="0" cellspacing="0">
                                <tr>
                                    <td style="width: 100px;" class="comboItemCell">
                                        <div class="comboItem">
                                            <%# DataBinder.Eval(Container.DataItem, "MAHANG") %>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                    </telerik:RadComboBox>
        </td>

        <td>
            Cd trục:&nbsp;
            <telerik:RadNumericTextBox ID="RadNumericTextBoxChieudaitruc"
                            runat="server" width="70px" AutoPostBack="false"
                                MaxValue="1000000" MinValue="0" TabIndex="0"
                Culture="English (United States)" Skin="WebBlue" onkeydown =  "return (event.keyCode!=13);">
                                <numberformat decimaldigits="2" GroupSeparator="" />
            </telerik:RadNumericTextBox>
        </td>

        <td>
            Gm:&nbsp;
            <telerik:RadNumericTextBox ID="RadNumericTextBoxGm"
                            runat="server" width="70px" AutoPostBack="false"
                                MaxValue="1000000" MinValue="0" TabIndex="0"
                Culture="English (United States)" Skin="WebBlue" onkeydown =  "return (event.keyCode!=13);">
                                <numberformat decimaldigits="2" GroupSeparator="" />
            </telerik:RadNumericTextBox>
        </td>
/<td>

Sincerely

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
       <telerik:AjaxSetting AjaxControlID="RadCboMaHang">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="lblSessionMahang" LoadingPanelID=""/>
                <telerik:AjaxUpdatedControl ControlID="RadNumericTextBoxChieudaitruc" LoadingPanelID=""/>
                <telerik:AjaxUpdatedControl ControlID="RadNumericTextBoxGm" LoadingPanelID=""/>
            </UpdatedControls>
        </telerik:AjaxSetting>
 </AjaxSettings>
</telerik:RadAjaxManager>


<telerik:RadAjaxLoadingPanel  ID="RadAjaxLoadingPanel1" runat="server" Height="20px"
            Width="20px" Transparency="5" HorizontalAlign="Center" >
            <img style="margin-top: 10px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page,
            "Telerik.Web.UI.Skins.Default.Ajax.loading5.gif") %>' />
</telerik:RadAjaxLoadingPanel>

[Pavel]

Hello Phuoc,

Try setting UpdatePanelsRenderMode="Inline" for the RadAjaxManager.

Regards,
Pavel
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Phuoc Nguyen Thanh]

Dear Pavel !
Thank you for your reply. it works well.
Sincerely