Apache – Flex Vertical Scroll bar problem

apache-flex

I have a problem in flex scroll bars. I have a mxml component based on canvas. Inside that I have used a VBox for my form. Above that Vbox I have another canvas just for title.

My form gets longer than normal screen size when the grid inside that is filled with more data. In that case I want a vertical scroll bar just for Vbox in which my form is located. But the whole canvas is getting scrollbar including title canvas. how to solve this problem.

I set vertical scrollbar policy of main canvas to off and inside Vbox's VerticalScrollbarPolicy to on. but that's not working. It is not overriding the property of parent container.

Thanks.

Best Answer

Keep your Form inside a Canvas inside the parent canvas instead of VBox. VBox and HBox are set to grow automatically in the parent container, so if your form grows, your corresponding VBox will grow as well.

Related Solutions

Flex: Prevent scrollbar from covering content when automatically displayed

It's a bug. See Flex verticalScrollPolicy bug for a workaround.

R – Flex 3 scroll bars not added/enabled when they should be

I think the problem is in the way the content in your canvas determines it's height.

If I do this:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:ViewStack width="500" height="500">
        <mx:Canvas width="100%" height="100%">
            <mx:Canvas width="100" height="1000" backgroundColor="#ededed" />
        </mx:Canvas>
    </mx:ViewStack>
</mx:Application>

I get scrollbars - Canvas has a default horizontalScrollPolicy and verticalScrollPolicy of auto, meaning it'll show the scrollbars as needed. I think, for whatever reason, the outer canvas isn't detecting that the content is taller than it should be.

Best Answer

Related Solutions

Flex: Prevent scrollbar from covering content when automatically displayed

R – Flex 3 scroll bars not added/enabled when they should be

Related Topic