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)
Master:
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
>