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.

Vind meer berichten getagd met

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

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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