I am trying to setup an accordion component such that I have a 3px vertical gap between the accordion header and the content. Currently it looks like this:
As you can see, there is no vertical gap between the header and the content, ie. the scrollbar butts up against the bottom of the header.
I want it to look like this:
This time there is a vertical gap (grey line 3px wide) between the header and scrollbar of the content. Is this possible to do in Flex? I have tried all kinds of things but to no avail.
Did you try a custom skin with 3 blank rows of pixels at the bottom?
Thanks for that. A bit hacky don't you think?
I actually found an answer with some help from a colleague late this afternoon. We just needed to put the mx:List in a vBox and chuck another vBox on top with a mx:Spacer inside it. So in the end it was pretty simple.