Scrollbar not active

3 posts, 1 answers
  1. Kurt Kluth
    Kurt Kluth avatar
    144 posts
    Member since:
    Oct 2009

    Posted 02 Oct 2013 Link to this post

    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. Answer
    Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 07 Oct 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kurt Kluth
    Kurt Kluth avatar
    144 posts
    Member since:
    Oct 2009

    Posted 08 Oct 2013 Link to this post

    Boyan,

    Thank you very much that worked. 
Back to Top