Problem with radlistbox alignment after postback

1 posts, 0 answers
  1. Gary Smith
    Gary Smith avatar
    8 posts
    Member since:
    Aug 2009

    Posted 31 Dec 2010 Link to this post

    I have master page with a RadSplitter and inside one of the panes I have two radlistbox elements.  When the page is first rendered, everything is perfect.  When I select an item from either list box (even if I select multiple or all items) and I move them to the other side (which triggers the ondeleted and/or oninserted event), the page postback renders the radlistboxes slightly above their original position, hiding other user controls.  It remains that way until one of the list boxes achieves focus, then it drops down into it's proper place. 

    How do it fix this?

    Page: (no other content but the content place holder controls)

    <asp:Label ID="labelStatus" runat="server" />
        <br />
        <PBM:PBMActionButton ID="linkEdit" runat="server" ImageUrl="~/Images/32/save.png"
            Text="Update User List" OnClick="linkEdit_OnClick" CssClass="actionbutton" />
        <PBM:PBMActionButton ID="linkCancel" runat="server" ImageUrl="~/Images/32/undo.png"
            Text="Cancel" OnClick="linkCancel_OnClick" CssClass="actionbutton" CausesValidation="false" />
        <br />
        <br />
        <div>
            <telerik:RadListBox ID="listSource" runat="server" TransferToID="listDestination"
                AllowTransfer="true" AllowTransferDuplicates="false" AllowTransferOnDoubleClick="false"
                AutoPostBackOnTransfer="true" SelectionMode="Multiple" TransferMode="Move" Height="200px"
                Width="225px">
            </telerik:RadListBox>
            <telerik:RadListBox ID="listDestination" runat="server" Height="200px" Width="200px"
                OnDeleted="listDestination_OnDeleted" OnInserted="listDestination_OnInserted"
                SelectionMode="Multiple">
            </telerik:RadListBox>
        </div>
        Hold down the <control> key to select multiple entries at a time.

    Master:

    <body>
        <form style="height: 100%; width: 100%; margin: 0px; padding: 0px;" id="masterForm" runat="server">
        <asp:ScriptManager ID="scriptmanagerGlobal" runat="server" EnablePartialRendering="true"
            EnablePageMethods="true" EnableViewState="true" />
        <telerik:RadAjaxManager ID="radajaxmanagerGlobal" runat="server" EnableAJAX="true"
            EnableViewState="true">
        </telerik:RadAjaxManager>
        <div style="height: 100%; width: 100%">
            <div class="headerpane headerbackground">
                <telerik:RadSplitter ID="RadSplitter3" runat="server" Orientation="Vertical" Width="100%"
                    Height="45" BorderSize="0" PanesBorderSize="0">
                    <telerik:RadPane ID="RadPane5" runat="server" Width="50%" Height="49">
                        <asp:ContentPlaceHolder ID="contentTopLeft" runat="server">
                        </asp:ContentPlaceHolder>
                    </telerik:RadPane>
                    <telerik:RadPane ID="RadPane6" runat="server" Width="50%" Height="49" CssClass="valigncentered halignright"
                        MinHeight="49" MinWidth="50">
                        <span style="vertical-align: middle; text-align: right">Logged in as
                            <asp:LoginName ID="LoginName" runat="server" />
                        </span>
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </div>
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Windows7" Width="100%"
                 Height="100%" HeightOffset="50" BorderWidth="0px" BorderSize="0">
                <telerik:RadPane ID="RadPane2" runat="server" Width="210px" CssClass="leftpane">
                    <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" Width="100%"
                        Height="100%" BorderSize="0" PanesBorderSize="0">
                        <telerik:RadPane ID="RadPane3" runat="server" Height="80%">
                            <asp:ContentPlaceHolder ID="contentPaneLeft" runat="server">
                                Default Content
                            </asp:ContentPlaceHolder>
                        </telerik:RadPane>
                        <telerik:RadPane ID="RadPane4" runat="server" Height="20%">
                            <asp:ContentPlaceHolder ID="contentPaneLeftBottom" runat="server">
                                Default Content
                            </asp:ContentPlaceHolder>
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" EnableResize="False">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="RadPane1" runat="server">
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="false">
                        <div class="breadcrumb clear">
                            <div>
                                <asp:Label ID="LabelTitle" runat="server" CssClass="pagetitle" /><asp:Label ID="LabelSubTitle"
                                    runat="server" CssClass="pagesubtitle" />
                            </div>
                            <asp:PlaceHolder ID="BreadCrumb" runat="server" />
                        </div>
                        <asp:ContentPlaceHolder ID="contentPaneRight" runat="server">
                            Default Content
                        </asp:ContentPlaceHolder>
                    </telerik:RadAjaxPanel>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </div>
        </form>
    </body>
    </html>
Back to Top