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

Reverse arrows

4 Answers 105 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
MahMah
Top achievements
Rank 1
MahMah asked on 30 Jan 2013, 12:58 PM
Hello,
Would you please tell me why the arrow icons before the nodes in right to left mode are reversed.
for example in this page :
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/righttoleft/defaultcs.aspx
If my expectations are wrong please tell me :) because I expect a reverse arrow in right to left mode.

and another question why don't you let the user set those images in RadTreeView level and not in Node level.
for example Microsoft TreeView control can be customized by setting ExpandImageUrl, CollapseImageUrl, NoExpandImageUrl properties ( as described here) . Its very clear and easy to understand. Why haven't you implemented something like that.

Excuse me for being direct and frank.

Thank you.

4 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 31 Jan 2013, 10:03 AM
Hi Mahmah

Here in Telerik too one can easily change the Expand and Collapse Images just by using the following  CSS.
CSS:
<style type="text/css">
    .RadTreeView_Default .rtPlus, .RadTreeView_Default .rtMinus
    {
        background-image:url("./yourimage.png") !important;
         
    }
</style>

Then the image should contain both the expand and collapse image.An example of an image is attached below.

Thanks
Princy.
0
MahMah
Top achievements
Rank 1
answered on 02 Feb 2013, 05:54 AM
Hi Princy,
Thanks for your answer.

Yes it works and also I should mention something additionally  :

If we had declared a skin for our RadTreeView, it overrides our declared style and RadTreeView will get the skin style.

So to apply your provided style to RadTreeView we should ensure that RadTreeView doesn't have any skin assigned to it.

Best Regards,
0
Accepted
Princy
Top achievements
Rank 2
answered on 04 Feb 2013, 06:56 AM
Hi MahMah

The CSS that I have nebtioned is for the Default skin.If you want to override the Skin then in the CSS you need to make a small change as.RadTreeView_SkinName,here in SkinName you can specify the Skins name.

For eg:  .RadTreeView_Forest .rtPlus, .RadTreeView_Default .rtMinus

CSS
<style type="text/css">
    .RadTreeView_SkinName .rtPlus, .RadTreeView_Default .rtMinus
    {
        background-image:url("./yourimage.png") !important;
          
    }
</style>

Thanks
Princy.
0
MahMah
Top achievements
Rank 1
answered on 04 Feb 2013, 10:26 AM
Hi Princy,

It was helpful to me.

Thank you.
Tags
TreeView
Asked by
MahMah
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
MahMah
Top achievements
Rank 1
Share this question
or