RadAjaxManager & Multiple TextBox Updates in a Table Cell

[Mark Galbreath]

Wierdness!
I have 1 RadComboBox in an HTML table cell, and 3 RadTextBoxes in an HTML table cell.  The combobox will (I hope) populate the 3 textboxes with areacode + prefix + number based on the selected index in the combobox.  There is more than enough horizontal real estate for these controls to exist inline in the 2 table cells. But...when I add this:

<AjaxSettings>
    <telerik:AjaxSetting AjaxControlID="radComboBoxID">
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="radTextBoxHomeAC" LoadingPanelID="RadLoadingPanel1"/>
            <telerik:AjaxUpdatedControl ControlID="radTextBoxHomePrefix" LoadingPanelID="RadLoadingPanel1"/>
            <telerik:AjaxUpdatedControl ControlID="radTextBoxHomeNum" LoadingPanelID="RadLoadingPanel1"/>
        </UpdatedControls>
    </telerik:AjaxSetting>
</AjaxSettings>

The 3 texboxes are stacked vertically on top of one another.  I remove the AjaxSettings, and they go horizontal again.

What's up with this?

Cheers!
Mark

[Dimo]

Hi Mark,

Ajaxified controls are wrapped in update panels, which are by default block-level <div> elements.

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

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.