Broken layout after moving the combobox in DOM

2 posts, 0 answers
  1. JP
    JP avatar
    122 posts
    Member since:
    Aug 2011

    Posted 23 Aug 2013 Link to this post


    I added a RadComboBox to my page and move it client-side to another location in the DOM. 
    But somehow the layout gets broken.
    I use jQuery to move it:

    The page doesn't do any postbacks, so moving it in the DOM wouldn't be a problem.

    I attached a screenshot of the broken layout. Is there any way to fix the layout?

  2. Hristo Valyavicharski
    Hristo Valyavicharski avatar
    975 posts

    Posted 27 Aug 2013 Link to this post

    Hi JP,

    If the combo is moved correctly the layout shouldn't be broken. Be sure that you append the main combo's div element. For example:
    <script type="text/javascript">
        function MoveCombo1() {
        function MoveCombo2() {
    <telerik:RadComboBox ID="RadComboBox1" runat="server">
            <telerik:RadComboBoxItem Text="Item 1" />
            <telerik:RadComboBoxItem Text="Item 2" />
    <telerik:RadComboBox ID="RadComboBox2" runat="server">
            <telerik:RadComboBoxItem Text="Item 1" />
            <telerik:RadComboBoxItem Text="Item 2" />
        <input type="button" onclick="MoveCombo1()" value="Move First Combo" />
        <input type="button" onclick="MoveCombo2()" value="Move Second Combo" />
    <div id="target" style="background-color: aqua; width: 500px; height: 500px;"></div>

    Hristo Valyavicharski
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top