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

RadAjaxManager Causes Control Mis-Alignment Problem

1 Answer 65 Views

Ajax

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

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadAjaxManager Causes Control Mis-Alignment Problem

1 Answer, 1 is accepted