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

Scrollbar not active

2 Answers 181 Views

TreeView

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

Kurt Kluth asked on 02 Oct 2013, 09:21 PM

TreeView.png

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>

<%----%>

<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>

<%--

</Items>

</telerik:RadPanelBar>

2 Answers, 1 is accepted

Accepted

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.