In a widget, the code like that below: ...... But the verticalscrollbar does not work. How to make it work? Thanks.

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Issue of verticalScrollPolicy

ShaningYu

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.

タグ付けされた投稿をもっと見る

Accepted answers

ShaningYu

Solved by multiple times of width setup. Thanks.

Screenshot 2025-02-07 at 14.08.53.png

All comments

ShaningYu

Solved by multiple times of width setup. Thanks.

Screenshot 2025-02-07 at 14.08.53.png

ShaningYu

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.

BjornSvensson

<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

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.