7 Answers, 1 is accepted
0

Adrian
Top achievements
Rank 1
answered on 30 Mar 2012, 02:10 PM
Because the padding attribute of .k-item only partial lines are possible. Not exactly what I've got in mind but maybe useful too.
#treeview .k-item {
border-bottom
:
1px
solid
black
;
}
#treeview .k-group {
border-top
:
1px
solid
black
;
}
#treeview .k-last {
border-bottom
:
none
;
}
0

Francisco
Top achievements
Rank 1
answered on 31 Aug 2012, 01:28 AM
Is it possible to have a tree view with tree lines like on my attachment?
0
Hello all,
Alex Gyoshev
the Telerik team
See the following jsBin example on how to achieve this effect.
Greetings,Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Francisco
Top achievements
Rank 1
answered on 04 Sep 2012, 05:08 PM
Thanks for your response, it works!
The only issue is this example is building the treeview using jquery, but the style looks like does not work if I build the treeview on my view using razor. Any idea?
In the worse case scenario I guess I can build the treeview using jquery instead but I would be nice to know how to fix the issue.
Regards!
The only issue is this example is building the treeview using jquery, but the style looks like does not work if I build the treeview on my view using razor. Any idea?
In the worse case scenario I guess I can build the treeview using jquery instead but I would be nice to know how to fix the issue.
Regards!
0
Hello Francisco,
Alex Gyoshev
the Telerik team
I believe the server-side code does not render the k-treeview-lines class. The following script will add it:
$(".k-treeview > .k-group").addClass("k-treeview-lines");
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Francisco
Top achievements
Rank 1
answered on 05 Sep 2012, 04:35 PM
Thank you so much!
0

Richard Hyde
Top achievements
Rank 1
answered on 12 Nov 2012, 05:44 PM
This solution works fine for IE 9+. Anyone got this working in IE8?