horizontal scrollbar for radpane not comming with panelbar inside it

4 posts, 0 answers
  1. mirang
    mirang avatar
    115 posts
    Member since:
    Aug 2010

    Posted 11 Apr 2012 Link to this post

    I have a panelbar inside my radpane as shown in the below code. When i try to resize that pane the panelbar becomes small but no scrollbars come at the radpane level, this makes my panelbar not accessible when the radpane is reduced to a very small size. 

    <div style="height: 100%">
            <telerik:RadSplitter VisibleDuringInit="false" BorderSize="0" PanesBorderSize="0"
                ID="nestedSplitter" ResizeWithParentPane="false" Width="100%" Orientation="Horizontal"
                Height="100%" runat="server">
                <telerik:RadPane ID="RadPane1" runat="server" Scrolling="None" Height="34">
                </telerik:RadPane>
                <telerik:RadPane ID="treeViewPane" runat="server">
                    <telerik:RadSplitter ID="ContentSplitter" BorderSize="0" PanesBorderSize="0" runat="server"
                        Height="100%" Width="100%">
                        <telerik:RadPane Scrolling="Both" ID="NavigationPane" runat="server" Width="200"
                            MinWidth="10" Height="100%">
                            <telerik:RadPanelBar TabIndex="1" ID="RadPanelBar1" Width="100%" Height="100%" Style="overflow: auto"
                                runat="server" AccessKey="A" ExpandMode="MultipleExpandedItems">
                                <ExpandAnimation Duration="0" />
                                <CollapseAnimation Duration="0" />
                                <Items>
                                    <telerik:RadPanelItem TabIndex="1" Expanded="true" Text="Favorites">
                                        <Items>
                                            <telerik:RadPanelItem>
                                                <ItemTemplate>
                                                    <div style="height: 20px">
                                                    </div>
                                                </ItemTemplate>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem Expanded="true" TabIndex="2" Text="Browse">
                                        <Items>
                                            <telerik:RadPanelItem>
                                                <ItemTemplate>
                                                    <div id="archivesPanel">
                                                    </div>
                                                </ItemTemplate>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelBar>
                        </telerik:RadPane>
                        <telerik:RadSplitBar ID="RadSplitBar2" runat="server" />
                        <telerik:RadPane ID="MainPane" runat="server" Scrolling="None">
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </div>

    Am I missing anything ?
  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 16 Apr 2012 Link to this post

    Hello,

    The scrolling will work if there is enough space for the scrollbars. I tested a couple of cases and they all worked the same way -- as long as there is some 50 or so pixels of height available, there will be a scrollbar. Anything below that height will hide the scrollbar.

    It should be noted that different browser behave differently and while IE will always show a scrollbar, FF and Chrome tend to hide the scrollbar in certain scenarios.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mirang
    mirang avatar
    115 posts
    Member since:
    Aug 2010

    Posted 16 Apr 2012 Link to this post

    Thanks for your reply. I was actually referring to the horizontal scrollbar after we reduce the width of the radpanelbar using the splitbar. In this case, no matter to what extend i reduce the width of the radpanelbar, the horizontal scrollbar does not appear.
  5. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 17 Apr 2012 Link to this post

    Hello, Mirang.

    The PanelBar does not offer horizontal scrolling per default. The reason for that is that horizontal scrolling will interfere with the vertical scrolling.

    You could, however, set scrolling for the RadPane. And since the RadPane is a bit beyond my expertise, I am forwarding the ticket to the devs who are taking care for that control.

    In the mean time, if you have any other questions about the PanelBar, do not hesitate to ask them.

    All the best,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top