Select to view content in your preferred language

FlexViewer 2.1 - Add scroll for widgetgroup

1908
2
08-03-2011 09:23 AM
TimothyMichael
Frequent Contributor
I have a site that is using the ArcGIS Viewer for Flex version 2.1. In the header I have a widget group that contains 25 items. The list is so long that it goes beyond the bottom of the browser window and I can't see the last 5-6 items. Is it possible to add scroll capability to the widgetgroup so I can scroll through the items?

Note:
I also posted this question over at gis.stackexchange but wasn't getting any responses, so I re-posted here. Original question here.

Also accidentally posted in the API forum first.  That question is here, and can be removed.
Tags (2)
0 Kudos
2 Replies
RobertScheitlin__GISP
MVP Emeritus
Tim,

  Sure just find this block of code and make the changes indicated in red in the HeaderControllerWidget.mxml:

        <s:BorderContainer id="widgetList"
                           x="{xOver + 4 - widgetListDG.width/2}" y="{headerContent.height}" width="{widgetListDG.width + 29}" height="300"
                           backgroundColor="{getStyle('contentBackgroundColor')}"
                           borderColor="{getStyle('color')}"
                           borderVisible="true"
                           cornerRadius="3"
                           rollOut="widgetList_rollOutHandler(event)"
                           visible="false">
            <s:Scroller width="100%" height="100%">
                <HeaderController:WidgetListDataGroup id="widgetListDG"
                                                      width="150"
                                                      dataProvider="{groupWidgetAC}"
                                                      visible="{widgetList.visible}"
                                                      widgetListItemClick="widgetList_widgetItemClickHandler(event)">
                    <HeaderController:layout>
                        <s:VerticalLayout paddingTop="6"
                                          useVirtualLayout="true"
                                          verticalAlign="middle"/>
                    </HeaderController:layout>
                </HeaderController:WidgetListDataGroup>
            </s:Scroller>
        </s:BorderContainer>
0 Kudos
TimothyMichael
Frequent Contributor
Robert,

Thank you very much - this worked perfectly.

-Tim
0 Kudos