Need sample program with new expand and collapse image

[Medac]

Hi,

I need to have tree with 'Closed folder' and 'open folder' image instead of '+' and '-' icons in the tree. I tried doing this by changing rptPlus and rptMinus but here on mouse hover the image is getting disappered.

I want a solution for this.... :(....
I am in the middle of my requirement implementation where i cant go back to old asp tree control only for this image display issue.

I hope someone should help in this....

Regards,
Medac

[Schlurk]

You could try:

<style type="text/css">
.RadTreeView_MySkin .rtPlus:hover,
{
     ....
}

.RadTreeView_Default .rtMinus:hover
{
     ....
}
</style>

[Medac]

Hi,
I have added below style in my code. Still facing same problem.i,e disappering of open folder image......
Am I doing any wrong in the below code?

Please help me.....

<style type="text/css"> 
        .RadTreeView .rtPlus  
        { 
            background-image: url('../Images/Folderclosed.gif') !important; 
            height: 10px !important; 
            width: 12px !important; 
        } 
         
        .RadTreeView .rtMinus
        { 
            background-image: url('../Images/Folderopen.gif') !important; 
            height: 10px !important; 
            width: 12px !important;         
        }
        .RadTreeView_MySkin .rtPlus:hover,   
        {  
            background-image: url('../Images/Folderclosed.gif') !important; 
            height: 10px !important; 
            width: 12px !important; 
        }  
          
        .RadTreeView_Default .rtMinus:hover  
        {  
            background-image: url('../Images/Folderopen.gif') !important; 
            height: 10px !important; 
            width: 12px !important;     
        }  

    </style>

[Yana]

Hi Medac,

Please try it like this - without Skin name in the css class:

<style type="text/css">
        .RadTreeView .rtPlus
        {
            background-image: url('../Images/Folderclosed.gif') !important;
            height: 10px !important;
            width: 12px !important;
        }

        .RadTreeView .rtMinus
        {
            background-image: url('../Images/Folderopen.gif') !important;
            height: 10px !important;
            width: 12px !important;
        }
        .RadTreeView .rtPlus:hover
        {
            background-image: url('../Images/Folderclosed.gif') !important;
            height: 10px !important;
            width: 12px !important;
        }

        .RadTreeView .rtMinus:hover
        {
            background-image: url('../Images/Folderopen.gif') !important;
            height: 10px !important;
            width: 12px !important;
        }

    </style>

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Medac]

Not working

Regards,
Medac

[Medac]

Can anybody give me some sample to acieve the above functionality?

Regards,
Medac

[Medac]

Help to solve the above problem............................... plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

[Yana]

Hello Medac,

Could you please provide us with a live url where we could observe this issue? Thanks

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.