This is a migrated thread and some comments may be shown as answers.

Problem with radlistbox alignment after postback

0 Answers 74 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Gary
Top achievements
Rank 1
Gary asked on 31 Dec 2010, 09:19 PM
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>

No answers yet. Maybe you can help?

Tags
ListBox
Asked by
Gary
Top achievements
Rank 1
Share this question
or