Take the 2-minute tour ×
Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

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?

Thanks, Tim

share|improve this question

1 Answer 1

up vote 0 down vote accepted

Robert Scheitlin provided an answer over on the ArcGIS Viewer for Flex forum. Link:

http://forums.arcgis.com/threads/36322-FlexViewer-2.1-Add-scroll-for-widgetgroup

His answer:

"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>

Since the red doesn't appear here, I needed to add the <s:Scroller> parts, and modify the widgetList properties to width="{widgetListDG.width + 29}" height="300".

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.