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

Problem resize listbox in a RadPane

1 Answer 74 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
pedrotti
Top achievements
Rank 1
pedrotti asked on 04 Aug 2011, 10:36 AM
Hello

I put a listbox in a RadPan, but the listbox, seems to be under the pane

The scrollbars of the pane, have not effect on my listbox

Want's wrong ? Thank for your help

Anne

        <div id="ParentDivElement" style="height: 100%;">
            <telerik:RadSplitter ID="MainSplitter" runat="server" Height="90%" Width="100%" Orientation="Vertical">

                <telerik:RadPane ID="LeftPane" runat="server" Width="200" MinWidth="150" MaxWidth="400">
                    <h3>Liste Editions</h3>
                    <telerik:RadListBox ID="rdListeEditions" runat="server"></telerik:RadListBox>                      
                </telerik:RadPane>

                <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />

                <telerik:RadPane ID="ContentPane" runat="server">
                    <h3>Détail</h3>
                     </telerik:RadPane>
             </telerik:RadSplitter>                    
        </div>

1 Answer, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 08 Aug 2011, 02:30 PM
Hi Levefaude,

This issue is not directly related to RadControls but is a problem with the boxmodel of Internet Explorer. To avoid this problem you need to set relative position to the RadPane containing the RadListBox, e.g.:
<style type="text/css">
    .relativePosition
    {
        position: relative;   
    }
</style>
 
<div id="ParentDivElement" style="height: 100%;">
    <telerik:RadSplitter ID="MainSplitter" runat="server" Height="90%" Width="100%" Orientation="Vertical">
 
        <telerik:RadPane ID="LeftPane" runat="server" Width="200" MinWidth="150" MaxWidth="400" CssClass="relativePosition">
            <h3>Liste Editions</h3>
            <telerik:RadListBox ID="rdListeEditions" runat="server">
            </telerik:RadListBox>                     
        </telerik:RadPane>
 
        <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />
 
        <telerik:RadPane ID="ContentPane" runat="server">
            <h3>Détail</h3>
                </telerik:RadPane>
        </telerik:RadSplitter>                   
</div>


Best wishes,
Dobromir
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Splitter
Asked by
pedrotti
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or