Problem resize listbox in a RadPane

2 posts, 0 answers
  1. LEVEFAUDE
    LEVEFAUDE avatar
    39 posts
    Member since:
    Apr 2011

    Posted 04 Aug 2011 Link to this post

    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>
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 08 Aug 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top