I want to change folders in treeview icon or color?

[Robert]

Hi,

How to get to underlying css of folder icon in treeview?

This answer presented here doesn't help much:

http://www.telerik.com/forums/icon-override

The idea is to have different icon for differnt root folders.

thanks

[Joana]

Hello Robert,

In Lightweight RenderMode, RadFileExplorer uses font icons which might be easily customized via css. You could write selectors that fit your scenario. For example, the following code shows a dummy how to select only the root elements and change the color of the folder icon to Red.

<style type="text/css">
    .RadTreeView > ul > li > div >span
    {
        color: Red;
    }
    </style>
<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Height="600px" RenderMode="Lightweight">
            <Configuration ViewPaths="~/, ~/FileExplorer" UploadPaths="~/"
            DeletePaths="~/"></Configuration>
        </telerik:RadFileExplorer>

A similar approach based on background images could be made for Classic RenderMode

Regards,
Joana
Telerik

[Robert]

hi, I have tried your solution but I got red only an arrow used to expand folder.

Any reference somewhere about all css styles etc?

How to for instant second folder in tree make also a red ?

 

thanks

[Joana]

Hello Robert,

My example was for root folders only. To modify the color for all TreeView arrows you could use the  following selector:

<style type="text/css">
    .RadTreeView ul li > div >span
    {
        color: Red;
    }
    </style>

In the developer toolbar of your browser you could inspect the treeview elements and apply css rules to any you want. Regarding css styles, here some articles that might be useful:

• Css selectors reference
  
• Css selectors

Regards,
Joana
Telerik