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

[Solved] Custom Theme/Skin for TreeView

2 Answers 50 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Dannie F
Top achievements
Rank 1
Dannie F asked on 30 Apr 2010, 04:08 PM
Hi,
I need to customize the look of the treeview for project. Is there any documentation of how I can create a custom skin? Or can anyone indicate the styles that are specific to the treeview and what they do? I'd also need to know how to create a custom sprite for the collapse and expand images. I need to pass this info onto our web designer. Please help. Thanks!

2 Answers, 1 is accepted

Sort by
0
Accepted
Alex Gyoshev
Telerik team
answered on 03 May 2010, 11:02 AM
Hello Dannie,

Unfortunately we lack skinning documentation - it's on our to-do list. Here are the relevant CSS classes:

 CSS class
 applied to element
 .t-treeview  treeview wrapper
 .t-treeview .t-plus  expand image
 .t-treeview .t-minus
 collapse image
 .t-treeview .t-state-hover
 hovered item
 .t-treeview .t-state-selected
 selected item

The expand/collapse images in the sprite are located at (0, 256) and (16, 256) and are 16x16.

It is advised that you start off by cloning an existing skin and modify it to suit your needs.

Regards,
Alex Gyoshev
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.
0
Dannie F
Top achievements
Rank 1
answered on 03 May 2010, 11:16 PM
Awesome! Thank you very much!
Tags
TreeView
Asked by
Dannie F
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Dannie F
Top achievements
Rank 1
Share this question
or