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

horizontal scrollbar for radpane not comming with panelbar inside it

3 Answers 113 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
mirang
Top achievements
Rank 1
mirang asked on 11 Apr 2012, 11:37 AM
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 ?

3 Answers, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 16 Apr 2012, 09:36 AM
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.
0
mirang
Top achievements
Rank 1
answered on 16 Apr 2012, 09:43 AM
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.
0
Ivan Zhekov
Telerik team
answered on 17 Apr 2012, 07:02 AM
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.
Tags
Splitter
Asked by
mirang
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
mirang
Top achievements
Rank 1
Share this question
or