RadAjax for ASP.NET AJAX
Table of Contents
Layout problem: Updated controls on new line Send comments on this topic.
Controls > RadAjax > RadAjaxManager Control > Troubleshooting > Layout problem: Updated controls on new line

Glossary Item Box

 You may notice controls rendered on new line when added into the AJAX Manager settings. This is because RadAjaxManager dynamically inserts UpdatePanels around the updated controls. The UpdatePanel default render mode is Block, which 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:

 

RadAjaxManager UpdatePanelRenderMode Copy Code
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
   <AjaxSettings>
       <telerik:AjaxSetting AjaxControlID="RadGrid1">
           <UpdatedControls>
               <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
               <telerik:AjaxUpdatedControl ControlID="Label1" />
               <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.