Custom icons for TreeListEditCommandColumn

2 posts, 0 answers
  1. Ivan
    Ivan avatar
    1 posts
    Member since:
    Jun 2011

    Posted 15 Oct 2014 Link to this post


    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.

  2. Konstantin Dikov
    Konstantin Dikov avatar
    1749 posts

    Posted 20 Oct 2014 Link to this post

    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>
    <EditFormSettings EditColumn-ButtonType="ImageButton" EditColumn-UpdateImageUrl="someImageUrl...." EditColumn-CancelImageUrl="someImageUrl..."></EditFormSettings>

    Hope this helps.

    Konstantin Dikov

    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.

  3. DevCraft R3 2016 release webinar banner
Back to Top