RadAjax for ASP.NET AJAX

You may notice controls rendered on new line when added into the RadAjaxManager settings. This is because RadAjaxManager dynamically inserts UpdatePanels around the updated controls. The UpdatePanel is by default rendered as a <div>, which is a block-level HTML element and causes the layout change.

Since the official release of RadControls for ASP.NET AJAX in April 2008, RadAjaxManager exposes new property - UpdatePanelRenderMode. One can use it to control the render mode of the dynamically inserted UpdatePanels.

Since RadControls for ASP.NET AJAX 2009.2.826 (Q2 2009 SP1) you can also define UpdatePanelRenderMode per updated control.

Both options are demonstrated below:

CopyASPX

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                <telerik:AjaxUpdatedControl ControlID="Label1" UpdatePanelRenderMode="Inline" />
                <telerik:AjaxUpdatedControl ControlID="Label2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

The Inline render mode will ensure the layout will not change when the AJAX settings are added. Otherwise, RadAjaxManager will persist the default UpdatePanel render mode.