Need place folder image instead of '+' symbol in tree structure

3 posts, 0 answers
  1. Medac
    Medac avatar
    79 posts
    Member since:
    Sep 2008

    Posted 13 Oct 2009 Link to this post

    Hi,

    I am using RadTreeView Control. I want place folder image instead of '+' symbol. Input for RadTreeViewControl is through xml file. Where can I add the image and remove '+' symbol from tree structure?

    I have visited this http://demos.telerik.com/aspnet-ajax/treeview/examples/programming/xmlfile/defaultcs.aspx here .xml file is being referred, but file content has not been provided.
    Can anybody please help me in this?

    Regards,
    Medac
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Oct 2009 Link to this post

    Hi Medac,

    I tried adding following style in order to change the image for expand/collapse of RadTreeView.

    CSS:
     
    <style type="text/css"> 
    .RadTreeView_Default .rtPlus,  
    { 
        background-image: url('../Images/Collapse.gif') !important; 
        height: 10px !important; 
        width: 10px !important; 
    } 
     
    .RadTreeView_Default .rtMinus 
    { 
        background-image: url('../Images/Expand.gif') !important; 
        height: 10px !important; 
        width: 10px !important; 
    } 
    </style> 

    -Shinu.
  5. Medac
    Medac avatar
    79 posts
    Member since:
    Sep 2008

    Posted 13 Oct 2009 Link to this post

    Shinu,

    I have added the CSS what you have given. Still I am facing following problems.

    1. On load it didnt change the Symbols. Still it is displaying + sign.
    2. On Click of '+' sign image is getting changed. But on mouse over image is getting disappeared.

    Can you please help me!!!

    Regards,
    Medac
Back to Top