Issue of verticalScrollPolicy

ShaningYu — Tue, 10 Jul 2012 17:37:50 GMT

In a widget, the code like that below:
<viewer:WidgetTemplate id="wTemplate" width="340" height="440"
         closed="wTemplate_closeHandler(event)"
         open="wTemplate_openHandler(event)" >

<mx:VBox verticalScrollPolicy="on" width="100%" height="100%" >
                         ......
But the verticalscrollbar does not work. How to make it work? Thanks.

Re: Issue of verticalScrollPolicy

BjornSvensson — Tue, 10 Jul 2012 22:03:34 GMT

<mx:VBox verticalScrollPolicy="on" width="100%" height="100%" >
......
But the verticalscrollbar does not work. How to make it work?

I don't know why that isn't working, but (depending on which Flex SDK Version you are using)... any reason you couldn't sparkify the widget and remove the mx? That's what we been doing in the Flex Viewer source code - using Spark and <s:Scroller> instead of mx.

See for example the source code for the Bookmark Widget:
https://github.com/ArcGIS/ArcGISViewerForFlex/blob/master/src/widgets/Bookmark/BookmarkWidget.mxml

Read more about the Scroller component on http://help.adobe.com/en_US/flex/using/WSb04c7610c3432839-13869d09121418556f1-7ffc.html

Re: Issue of verticalScrollPolicy

ShaningYu — Wed, 11 Jul 2012 16:38:40 GMT

Dear bjorn:
Thanks for your response. If I use the code your recommended, the red-cross small icon displays on the Desing Mode view, which makes me very hard to code. In my script, the code likes that:

<viewer:WidgetTemplate id="wTemplate" width="340" height="440"
         closed="wTemplate_closeHandler(event)"
         open="wTemplate_openHandler(event)">

<mx:VBox verticalScrollPolicy="auto" width="100%" height="100%" backgroundColor="0x0F8F8F">

   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
   <s:HGroup horizontalAlign="left">
    <s:Label text="1) Click the tool icon to open the widget."/>
   </s:HGroup>
</mx:VBox>

</viewer:WidgetTemplate>
</viewer:BaseWidget>

Is it possible for you to paste it into yours and see what should be done to fix it? Thanks.

Re: Issue of verticalScrollPolicy - Solved

ShaningYu — Thu, 12 Jul 2012 18:38:11 GMT

Solved by multiple times of width setup. Thanks.

topic Re: Issue of verticalScrollPolicy in ArcGIS API for Flex Questions

Issue of verticalScrollPolicy

Re: Issue of verticalScrollPolicy

Re: Issue of verticalScrollPolicy

Re: Issue of verticalScrollPolicy - Solved