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

Scrollbar not active

2 Answers 133 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Kurt Kluth
Top achievements
Rank 1
Kurt Kluth asked on 02 Oct 2013, 09:21 PM
I currently load a RadTreeView via an XML file inside a RadPanelBar and as I get the data to load just fine many of the scrollbars to not show.  How can I get these to show if needed. 

Attached is an image of the scrollbars not showing, now if the RadPanelItem that needs to have the scrollbars is active and there is a postback, they will appear.
<telerik:RadPanelBar ID="RadPanelBar1" Runat="server" ExpandMode="FullExpandedItem" Height="700px" Width="280px">
     <Items>
         <%--<!-- DEFAULT TABS FOR EITHER FMS OR POLICYHOLDER -->--%>
         <telerik:RadPanelItem Expanded="true" text="Favorites" Visible="true">
             <ContentTemplate>
                 <telerik:RadTreeView ID="_rtvwFavorites" runat="server" DataSourceID="XmlDataSource4" CheckBoxes="True" CheckChildNodes="True" TriStateCheckBoxes="False"  >
                         <DataBindings>
                             <telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ExpandedField="Expanded" Checked="True" ValueField="ID"></telerik:RadTreeNodeBinding>
                         </DataBindings>
                 </telerik:RadTreeView>
                 <asp:XmlDataSource ID="XmlDataSource4" runat="server" DataFile="~/Common/FavoritesTree.xml" XPath="/Favorites/Node"></asp:XmlDataSource>
             </ContentTemplate>
         </telerik:RadPanelItem>
         <telerik:RadPanelItem Text="Credit Union" Visible="true">
             <ContentTemplate>
                 <telerik:RadTreeView ID="_rtvwCreditUnion" runat="server" DataSourceID="XmlDataSource3" CheckBoxes="True" CheckChildNodes="True" TriStateCheckBoxes="False"  >
                         <DataBindings>
                             <telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ExpandedField="Expanded" ValueField="ID"></telerik:RadTreeNodeBinding>
                         </DataBindings>
                 </telerik:RadTreeView>
                 <asp:XmlDataSource ID="XmlDataSource3" runat="server" DataFile="~/Common/CuInfoTree.xml" XPath="/CUInfo/Node"></asp:XmlDataSource>
             </ContentTemplate>
         </telerik:RadPanelItem>
         <telerik:RadPanelItem Text="Financial" Visible="true">
             <ContentTemplate>
             <telerik:RadTreeView ID="_rtvwFinancialList" Runat="server"
                         DataSourceID="XmlDataSource1" CheckBoxes="True" CheckChildNodes="True" TriStateCheckBoxes="False"  >
                         <DataBindings>
                             <telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ExpandedField="Expanded" ValueField="ID"></telerik:RadTreeNodeBinding>
                         </DataBindings>
             </telerik:RadTreeView>
             <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Common/FinancialTree.xml" XPath="/Financial/Node"></asp:XmlDataSource>
             </ContentTemplate>
         </telerik:RadPanelItem>
         <telerik:RadPanelItem Text="Ratio" Visible="True">
             <ContentTemplate>
             <telerik:RadTreeView ID="_rtvwRatioList" Runat="server"
                         DataSourceID="_RatioListData" CheckBoxes="True" CheckChildNodes="True" TriStateCheckBoxes="False"  Visible="True">
                         <DataBindings>
                             <telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ExpandedField="Expanded" ValueField="ID"></telerik:RadTreeNodeBinding>
                         </DataBindings>
             </telerik:RadTreeView>
             <asp:XmlDataSource ID="_RatioListData" runat="server" DataFile="~/Common/RatioTree.xml" XPath="/Ratio/Node"></asp:XmlDataSource>
             </ContentTemplate>
         </telerik:RadPanelItem>
         <%--<!-- END DEFAULT TABS -->
     </Items>
 </telerik:RadPanelBar>

2 Answers, 1 is accepted

Sort by
0
Accepted
Boyan Dimitrov
Telerik team
answered on 07 Oct 2013, 01:06 PM
Hello,

I would suggest setting the vertical scroll bar on your RadTreeView container. This will show a disabled vertical scroll bar when not needed.
//css
<style type="text/css">
       .rpTemplate {
           overflow-y: scroll !important;
       }
   </style>

If this solution does not solve your problem please clarify which RadControls version you are using. Could you please confirm that you are replicating this issue under all major browsers?

Hope that this will be helpful.

Regards,
Boyan Dimitrov
Telerik
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 the blog feed now.
0
Kurt Kluth
Top achievements
Rank 1
answered on 08 Oct 2013, 01:01 PM
Boyan,

Thank you very much that worked. 
Tags
TreeView
Asked by
Kurt Kluth
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Kurt Kluth
Top achievements
Rank 1
Share this question
or