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

Css class problem

1 Answer 109 Views

TreeView

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

1 Answer, 1 is accepted

answered on 04 Jun 2010, 10:04 AM

Hi Lubna Ansari,

About the CssClass applied to nodes with or without children:
- This problem does not reproduce. Probably something else overrides the style provided for some of the nodes. In order to be on top of all styles with same selectors use "!important".

About spacing between nodes:
- You can achieve this by setting padding-bottom to the the elements that have the class "rtLI".

Here is an complete example that you can try out:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<style type="text/css">

.SampleClassName

{

text-decoration:underline !important;

}

.rtLI

{

padding-bottom:12px !important;

}

</style>

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager runat="server">

</asp:ScriptManager>

<telerik:RadTreeView runat="server" ID="tree">

<Nodes>

<telerik:RadTreeNode CssClass="SampleClassName" Text="Node1">

<Nodes>

<telerik:RadTreeNode Text="Child1" />

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode CssClass="SampleClassName" Text="Node2">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</div>

</form>

</body>

</html>

Hope this is going to help you!

Regards,
Nikolay Tsenkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.