Treelines ?

[Richard]

Does anyone have an example or css specifiers for making the TreeView show treelines ?

Something to do with k-first, k-in, k-last perhaps

Thanks
Richard

[Adrian]

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;

}

[Francisco]

Is it possible to have a tree view with tree lines like on my attachment?

[Alex Gyoshev]

Hello all,

See the following jsBin example on how to achieve this effect.

Greetings,
Alex Gyoshev
the Telerik team

[Francisco]

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!

[Alex Gyoshev]

Hello Francisco,

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");

Regards,
Alex Gyoshev
the Telerik team

[Francisco]

Thank you so much!

[Richard Hyde]

This solution works fine for IE 9+. Anyone got this working in IE8?