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

Custom icons for TreeListEditCommandColumn

1 Answer 67 Views
TreeList
This is a migrated thread and some comments may be shown as answers.
Ivan
Top achievements
Rank 1
Ivan asked on 15 Oct 2014, 06:10 PM
Hi,

I'd lile to know how to specify my own set of icons for the TreeListEditCommandColumn: Insert, Edit and Delete. Specifically, I'm using the Skin="MetroTouch.

Thanks.

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 20 Oct 2014, 11:05 AM
Hello Ivan,

There are many ways for accomplish the desired result. One of the possible approaches would be to use custom skin, where you could add your custom icons. Detailed information on this matter is available in the following help article (section Custom Skins):
Another possible approach is to use the following markup, where you could change the image of each button:
   <telerik:TreeListButtonColumn UniqueName="DeleteCommandColumn" Text="Delete" CommandName="Delete" ButtonType="ImageButton" ImageUrl="someImageUrl...."></telerik:TreeListButtonColumn>
   <telerik:TreeListEditCommandColumn UniqueName="EditCommandColumn" EditImageUrl="someImageUrl...." ButtonType="ImageButton"></telerik:TreeListEditCommandColumn>
</Columns>
<EditFormSettings EditColumn-ButtonType="ImageButton" EditColumn-UpdateImageUrl="someImageUrl...." EditColumn-CancelImageUrl="someImageUrl..."></EditFormSettings>

Hope this helps.


Regards,
Konstantin Dikov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
TreeList
Asked by
Ivan
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or