Please, I need help in this,How to make a tree control appear from right to left ??

Question

i working on Arabic project in which we use a tree control and i  want it to display its branches from right to left .
i tried to rotate it but it doesn't work because the disclosure triangle still appear on the left .
i ask if there is any thing to mirror the tree control ,and ask if this mirroing will work or not?

Answer 1

You'll need to modify the layout logic of your renderer.
Here's a simple example that extends the default tree renderer and overrides the updateDisplayList method(). It will probably need more work. Set textAlign="right" on your Tree control when you use this renderer. You'll also need to supply a disclosure icon that points in the opposite direction.
package
    import mx.controls.treeClasses.TreeItemRenderer;
    import mx.controls.treeClasses.TreeListData;
    public class RightToLeftTreeItemRenderer extends TreeItemRenderer
        override protected function updateDisplayList(unscaledWidth:Number,
                                                  unscaledHeight:Number):void
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            var startx : Number = data ? TreeListData( listData ).indent : 0;
            startx = unscaledWidth - startx;
            if ( disclosureIcon )
                disclosureIcon.x = startx - disclosureIcon.width;
                startx = disclosureIcon.x;
            if ( icon )
                icon.x = startx - icon.width;
            if ( label )
                label.x = 0;