PanelBar nested in Splitter

3 posts, 1 answers
  1. Steve LaForge
    Steve LaForge avatar
    61 posts
    Member since:
    Feb 2005

    Posted 23 Oct 2009 Link to this post

    I have a panelbar nested in a spliter.  I want the two panels to initially load as expanded and each using half of the available space, with the contents within each panel scrollable if necessary.  Right now, it shows both panes, and the entire panelbar is scrollable.

    The attached file is a PDF screen print of how it looks now, but you should be able to get an idea of what it is that I'm trying to achieve.

    My code looks like:

    <telerik:RadSplitter ID="spltMain" Width="100%" Height="100%" runat="server">  
            <telerik:RadPane ID="paneMain" runat="server" Height="100%" Width="70%">  
                <telerik:RadPanelBar ID="pbarMain" runat="server" Width="100%" ExpandMode="MultipleExpandedItems">  
                    <Items> 
                        <telerik:RadPanelItem Text="Dashboard" Font-Size="14px" ForeColor="White" Expanded="true" Height="50%">  
                            <ItemTemplate> 
                                <div style="margin: 0px 5px 0px 5px;">  
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here<br /> 
                                    The dashboard will go here  
                                </div> 
                            </ItemTemplate> 
                        </telerik:RadPanelItem> 
                        <telerik:RadPanelItem Text="Most recently opened WO's" Font-Size="14px" ForeColor="White" Expanded="true" Height="50%">  
                            <ItemTemplate> 
                                <div style="margin: 0px 5px 0px 5px;">  
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here<br /> 
                                    The WO info will go here  
                                </div> 
                            </ItemTemplate> 
                        </telerik:RadPanelItem> 
                    </Items> 
                </telerik:RadPanelBar> 
            </telerik:RadPane> 
            <telerik:RadPane ID="paneMsgArea" runat="server" Height="100%" Width="30%">  
                This should be the area where the emergency contact and messages will appear  
            </telerik:RadPane> 
    </telerik:RadSplitter> 

    Thanks in advance!
    Steve
  2. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 29 Oct 2009 Link to this post

    Hi Steve,

    Unfortunately, this functionality is not supported by the current version of the control. You can either have this implementation (the panelbar in MultipleExpandedItems mode, with two header items expanded and the scrolling on the pane) or use FullExpandedItem mode and have only one header item expanded at a time.

    Sincerely yours,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Steve LaForge
    Steve LaForge avatar
    61 posts
    Member since:
    Feb 2005

    Posted 29 Oct 2009 Link to this post

    Thanks for the response.  Hopefully this will be passed along as a potential future enhancement.  I have used a Splitter and some nested DIV's to get close, although it isn't exactly what I wanted.
Back to Top