Comments on: Reposition ScrollBars in Flex Components

By: Tweeker

Tweeker — Wed, 14 Sep 2011 13:31:58 +0000

Hi,
Has anybody has any joy trying to get this to work for a container such as a panel? I am trying to get the horizontal scroll bar to appear at the top of the container rather than the bottom .

By: Virginia

Virginia — Tue, 16 Aug 2011 20:00:19 +0000

I was able to “move” the left scroll bar off the data grid by adding the following, however now I am having problems that the vertical scroll bar disappears when I scroll horizontally all the way to the right (so it’s off the screen) and then scroll back again…

protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {

super.updateDisplayList( unscaledWidth, unscaledHeight );

if( this.verticalScrollBar && this.verticalScrollBar.visible ) {

this.verticalScrollBar.x = 0;
this.x = verticalScrollBar.width;
this.verticalScrollBar.move(-verticalScrollBar.width, 0);
this.verticalScrollBar.height = this.verticalScrollBar.height + this.headerHeight;

}
}

By: Judit

Judit — Mon, 02 May 2011 16:18:39 +0000

When using the method you listed above it moves the scrollbar but not the header for the scrollbar, nor does it move the other columns over. The scrollbar basically sits on top of the first rows data in a Datagrid.

I have the same problem, did you find any solution?

Thanks in advance!

By: Ricardo Q.

Ricardo Q. — Mon, 21 Mar 2011 13:45:49 +0000

This didn’t work for me. I tried it on List in Flex 4.
But I have found another solution with layoutDirection property.
http://igaidaichuk.blogspot.com/2011/03/reposition-scrollbars-in-flex-4.html

By: Mariush T.

Mariush T. — Fri, 02 Jul 2010 08:33:50 +0000

Thank you. I was able to move custom scrollbar skin for my list.

By: John

John — Tue, 13 Oct 2009 14:32:35 +0000

Have you been able to move a Datagrid’s vertical scrollbar to the left side without issue? When using the method you listed above it moves the scrollbar but not the header for the scrollbar, nor does it move the other columns over. The scrollbar basically sits on top of the first rows data in a Datagrid. Any help would be great. Thank you.

By: Jakub

Jakub — Sat, 15 Aug 2009 07:26:20 +0000

First – sorry of my English, I don’t use this language.

My question :

Hou use this example?

my class like this :

package {

import mx.controls.TextArea;

public class MyClass extends TextArea {

protected override function updateDisplayList (unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList (unscaledWidth, unscaledHeight);
if( verticalScrollBar && verticalScrollBar.visible ) {
verticalScrollBar.x = -verticalScrollBar.width;
}
}

}
}

n Flex :

but not ovverride position scrolbar

By: koen

koen — Thu, 26 Mar 2009 15:01:50 +0000

nice post.. I’m try to get it working with flex containers but it won’t work any options

regards

koen

By: Lina

Lina — Thu, 31 Jul 2008 21:58:44 +0000

Jacob, I just wrote this simple program that uses the last version. It creates two text areas, on with scrollbar on right (default) and one on the left (as above).

Created a Flex Project called TextAreaControl.mxml

Then created an actionscrip file to hold my custom component.

package myComponents
{
import mx.controls.TextArea;

public class MyCustomComponentTextArea extends TextArea
{
public function MyCustomComponentTextArea()
{
super();
}

protected override function updateDisplayList( unscaledWidth:Number, unscaledHeight:Number ):void
{
super.updateDisplayList( unscaledWidth, unscaledHeight );

if( verticalScrollBar && verticalScrollBar.visible )
{
//verticalScrollBar.x = -verticalScrollBar.width;
verticalScrollBar.x = 0;
textField.x=verticalScrollBar.width;
}
}
}
}

By: Jacob

Jacob — Wed, 23 Jul 2008 14:07:18 +0000

Hi there,
Perhaps a stupid question, but i am wondering; Do you need to call that new class in your project?
Can you give a working example please?

Greets, Jacob