In Classic RenderMode, Windows7 skin, TreeView nodes are higher when inside ContentTemplate of RadPanelBarItem

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 08 Jun 2021 13:24 by ADMIN

Release R2 2021 SP1

Marc

Created on: 07 May 2019 11:39

Category: TreeView

Type: Bug Report

In Classic RenderMode, Windows7 skin, TreeView nodes are higher when inside ContentTemplate of RadPanelBarItem

In Classic RenderMode, Windows7 skin, TreeView nodes are higher when inside ContentTemplate of RadPanelBarItem:

<div>

wrong:

<telerik:RadPanelBar RenderMode="Classic" Skin="Windows7" runat="server" ID="RadPanelBar1" Width="100%" Height="100%">

<Items>

<telerik:RadPanelItem Text="Custom" Expanded="true">

<ContentTemplate>

<telerik:RadTreeView RenderMode="Classic" Skin="Windows7" ID="radTreeView" runat="server">

<Nodes>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

<div>

OK:

<telerik:RadTreeView ID="radTreeView2" RenderMode="Classic" Skin="Windows7" runat="server">

<Nodes>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Custom">

<Nodes>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</div>

1 comment

ADMIN

Peter Milchev

Posted on: 08 Jun 2021 12:02

The increased height of the TreeView inside the panel bar is caused by the line-height that the PanelBar sets and the TreeView inherits.

To fix it, use the following style:

.RadTreeView_Windows7 {
    line-height: normal;
}

Regards,
Peter Milchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.