RadAjaxManager Causes Control Mis-Alignment Problem

2 posts, 1 answers
  1. kencox
    kencox avatar
    106 posts
    Member since:
    Oct 2002

    Posted 26 Jul 2010 Link to this post

    Hello,

    In the following code, you'll see that the button wraps to the next line when using the RadAjaxManager control. If you remove the AjaxSettings, the button appears on the same line, as desired.

    Does anyone know what can be done about this?

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <script type="text/javascript">
            //Put your JavaScript code here.
        </script>
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="btnAutoVendorInvoiceNumber">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="txtVendorInvoiceNumber" />
                        <telerik:AjaxUpdatedControl ControlID="reqInvoiceNumber" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <div>
        Using AJAX Manager causes the button to appear on the next line! Why?
            <table>
                <tr>
                    <td>
                        Vendor invoice #:
                    </td>
                    <td class="rgSorted">
                        <telerik:RadTextBox ID="txtVendorInvoiceNumber" runat="server" MaxLength="50" Width="90px" />
                        <asp:Button ID="btnAutoVendorInvoiceNumber" runat="server" CausesValidation="false"
                            CssClass="rgPagerButton" Text="Auto" /><asp:RequiredFieldValidator ID="reqInvoiceNumber"
                                runat="server" ControlToValidate="txtVendorInvoiceNumber" Display="Dynamic" ErrorMessage="<br />A vendor invoice # is required"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        Payable #:
                    </td>
                    <td class="rgSorted">
                        <telerik:RadTextBox ID="txtAccountsPayableNumber" runat="server" MaxLength="50" Width="120px">
                        </telerik:RadTextBox>
                        <asp:Button ID="btnAutoAccountsPayableNumber" runat="server" CausesValidation="false"
                            CssClass="rgPagerButton" Text="Auto" />
                        <asp:RequiredFieldValidator ID="reqAccountsPayableNumber" runat="server" ControlToValidate="txtAccountsPayableNumber"
                            Display="Dynamic" ErrorMessage="<br />An Accounts Payable Number is required. Click Auto to generate one."></asp:RequiredFieldValidator>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>
  2. Answer
    Lenny_shp
    Lenny_shp avatar
    343 posts
    Member since:
    Jul 2006

    Posted 26 Jul 2010 Link to this post

    http://www.telerik.com/help/aspnet-ajax/layout-problem-updated-controls-on-new-line.html
Back to Top