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

styling nodes without childnodes

1 Answer 67 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Spire
Top achievements
Rank 1
Spire asked on 04 Oct 2010, 01:17 PM
Hi,

I'm having trouble getting nodes without childnodes to be on line with nodes with childnodes.

Look at the "Paintballs" in the treeview on this page:
http://dev6.spireweb.no

My CSS:
.RadTreeView {font-weight:bold !important; color:#000 !important; font-family:tahoma !important;}
.RadTreeView .rtPlus  {background-image: none !important; height: 18px !important; width: 0px !important; }
.RadTreeView .rtPlus:hover { background-image: none !important; height: 18px !important; width: 0px !important; }
.RadTreeView .rtMinus {background-image: none !important; height: 18px !important; width: 0px !important;}
.RadTreeView .rtMinus:hover {background-image: none !important; height: 18px !important; width: 0px !important;}
.RadTreeView .rtPlus, .RadTreeView .rtMinus {background-position:0 0 !important;}
 
.RadTreeView .rtIn {font-weight:bold !important; height:18px !important; color:#000 !important; font-family:tahoma !important; background-image:none !important; background-color:#fff !important; margin-left:0px !important; padding-left:5px !important; padding-right:0px !important; width:165px !important; border:solid 0px red !important; display:inline-block !important; }
.RadTreeView .rtIn:hover { text-decoration:none !important; padding-top:4px !important; height:19px !important; border:solid 0px blue !important; background-image:none !important; color:#30788e !important; }
.RadTreeView ul li ul li .rtIn {width:154px !important; font-weight:normal; }
 
.RadTreeView .rtLI {padding-bottom: 0px !important;}
.RadTreeView .rtUL .rtUL {margin-top: 0px !important;}
.RadTreeView .rtLast {padding-bottom: 0 !important; /* prevent double-spacing */}
.RadTreeView .active {background-color:#e1e1e1 !important; }

Could anyone help me please?

1 Answer, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 05 Oct 2010, 02:50 PM
Hi Spire,

Add these two rules to your CSS to fix it:
.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot { padding:1px 0 1px 5px !important; }
.RadTreeView .rtPlus, .RadTreeView .rtMinus { margin-left: 0 !important; }

Greetings,
Kamen Bundev
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
Tags
TreeView
Asked by
Spire
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or