Force whitespace on ScrollPane?

Hi there,

I was wondering if it's possible to force the ScrollPane to show a white border around it's content?

I'm using the folowing 'hack' to edit it's content on the flow:

code:

---

this.createClassObject(mx.containers.ScrollPane, "sp", 1);

sp.contentPath = "empty";

var content = sp.content;

---

This allows me (when you have both the ScrollPane and en empty MC with linkage 'empty' in your library) to edit it's content with the variable 'content'. This is something very usefull, but it introduces the folowing problem:

When I place something on x:0, y:0 a part of it get's displayed behind the edges of the scrollpane. The same thing happesn when you scroll to the right, things get displayed behind the scrollbar.

Is there an easy way to fix this, or do I have to cheat a little?

~Sph

Just a small update:
I've worked around the problem a bit, by removing the scrollbars and make the user scroll by dragging the area. But now I still loose some 2 or 3 pixels on every side, because of the edges of the area.

~Sph

If I got you right, you could just set the style for the SP.

f8 help:
ScrollPane component > Customizing the ScrollPane component > Using styles with the ScrollPane component

so you should be able to just set the border to "none".

nGFX

Ah sweet:

code:

---

sp.setStyle("borderStyle", "none");

---

Did the trick :)

Now I won't have to write a tile scrolling engine for my editor ;) But can place my tiles straight into the ScrollPane, saves me some work :)

Thanks

Keep in mind that if you have a lot of tiles, it might slow down a bit when you use the ScrollPane instead of a tile scrolling engine. But for an editor, I wouldn't worry too much about it, it should work fine.

Exactly ;)