This is a migrated thread and some comments may be shown as answers.

RadAjaxManager Causes Control Mis-Alignment Problem

1 Answer 47 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
kencox
Top achievements
Rank 1
kencox asked on 26 Jul 2010, 05:30 PM
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>

1 Answer, 1 is accepted

Sort by
0
Accepted
Lenny_shp
Top achievements
Rank 2
answered on 26 Jul 2010, 06:28 PM
http://www.telerik.com/help/aspnet-ajax/layout-problem-updated-controls-on-new-line.html
Tags
Ajax
Asked by
kencox
Top achievements
Rank 1
Answers by
Lenny_shp
Top achievements
Rank 2
Share this question
or