topic Hide Widget in ArcGIS Viewer for Flex Questions

Hide Widget

CharlesDawley — Mon, 24 Jan 2011 12:33:20 GMT

Is there any way to hide a widget from the screen but still have it active? I would like to have a georss widget open but not have the widget window visible.

Re: Hide Widget

JonFisher — Mon, 24 Jan 2011 21:36:15 GMT

Is there any way to hide a widget from the screen but still have it active? I would like to have a georss widget open but not have the widget window visible.

Sure, you can add preload="minimized" into the widget tag which will let the data display but much less real estate will be taken up by the icon. I'm not sure about having it entirely invisible, but to have it load minimized it would look like:
        <widget label="Earthquakes (GeoRSS)"
            preload="minimized"
            icon="assets/images/i_rss.png"
            config="widgets/GeoRSS/GeoRSSWidget.xml"
            url="widgets/GeoRSS/GeoRSSWidget.swf"/>

Re: Hide Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 00:59:47 GMT

Charles,

If you are using the uncompiled version of the viewer than all you need to do is put visible=false in the widgetTemplate of the geoRSSWidget.

If you are using the compiled version than just set the x and y of the widget in your config file to negative numbers:

<widget label="Earthquakes (GeoRSS)"
            x="-500" y="-500"
            icon="assets/images/i_rss.png"
            config="widgets/GeoRSS/GeoRSSWidget.xml"
            url="widgets/GeoRSS/GeoRSSWidget.swf"/>

Re: Hide Widget

CharlesDawley — Sun, 12 Dec 2021 00:59:49 GMT

Thanks for the response!

I have tried it both ways but when you hover over one of the georss points and click to zoom the widget box appears.

I must be missing something..

Here is my sample map http://pawn.s3.amazonaws.com/flex/index.html

<s:HGroup id="boxMessage"
       width="100%"
       includeInLayout="{msgVisible}"
       visible="{msgVisible}">
    <mx:Image id="swfMessage"
        source="assets/images/loader.swf"
        visible="false"/>
    <mx:Text id="txtMessage"
       width="90%"
       text=""/>
   </s:HGroup>

Re: Hide Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 00:59:52 GMT

Charles,

This worked for me. Add it to the UI element instead of the widget container and set the widgetTemplate to visible="false"

    <title>Little Traverse Conservancy</title>
    <subtitle>Nature Preserves webmap</subtitle>
    <logo>assets/images/logo.png</logo>
    <style>
        <colors>0x4C2600,0xFFEDB8,0xB2AD81,0x6F6750,0x4C2600</colors>
        <alpha>0.8</alpha>
    </style>

    <!-- UI elements -->
    <widget left="10"  top="50"    config="widgets/Navigation/NavigationWidget.xml" url="widgets/Navigation/NavigationWidget.swf"/>
    <widget right="-2" bottom="-2" config="widgets/OverviewMap/OverviewMapWidget.xml" url="widgets/OverviewMap/OverviewMapWidget.swf"/>
    <widget right="20" top="55"    config="widgets/MapSwitcher/MapSwitcherWidget.xml" url="widgets/MapSwitcher/MapSwitcherWidget.swf"/>
    <widget left="0"   top="0"     config="widgets/HeaderController/HeaderControllerWidget.xml" url="widgets/HeaderController/HeaderControllerWidget.swf"/>
    <widget x="-500" y="-500"      config="widgets/preload/GeoRSSWidget.xml" url="widgets/preload/GeoRSSWidget.swf"/>

Re: Hide Widget

CharlesDawley — Sun, 12 Dec 2021 00:59:54 GMT

I have added it to the UI element in the config.xml. I still must be missing something in editing the mxml. (I am new to mxml)

When the map loads I get just the dots like I want. But then when you click on the map the georss feed window still pops up..


Config.xml

<!-- UI elements -->
    
    <widget left="10"  top="50"    config="widgets/Navigation/NavigationWidget.xml" url="widgets/Navigation/NavigationWidget.swf"/>
    <widget right="-2" bottom="-2" config="widgets/OverviewMap/OverviewMapWidget.xml" url="widgets/OverviewMap/OverviewMapWidget.swf"/>
    <widget right="20" top="55"    config="widgets/MapSwitcher/MapSwitcherWidget.xml" url="widgets/MapSwitcher/MapSwitcherWidget.swf"/>
    <widget left="0"   top="0"     config="widgets/HeaderController/HeaderControllerWidget.xml" url="widgets/HeaderController/HeaderControllerWidget.swf"/>
 <widget left="-500" top="-500" config="widgets/preload/GeoRSSWidget.xml" url="widgets/preload/GeoRSSWidget.swf"/>


GeoRSSWidget.mxml

<viewer:WidgetTemplate id="wTemplate"
                           width="330" height="300"
                           closed="widgetClosedHandler(event)"
                           minHeight="100"
                           minWidth="300"
                           open="widgetOpenedHandler(event)">
        <s:NavigatorContent width="100%" height="100%">
            <s:layout>
                <s:VerticalLayout gap="1"/>
            </s:layout>
            <s:HGroup id="boxMessage"
                      width="100%"
                      includeInLayout="{msgVisible}"
                      visible="{msgVisible}">
                <mx:Image id="swfMessage"
                          source="assets/images/loader.swf"
                          visible="false"/>
                <mx:Text id="txtMessage"
                         width="90%"
                         text=""/>
            </s:HGroup>
            <s:Scroller width="100%" height="100%"
                        horizontalScrollPolicy="off">
                <GeoRSS:GeoRSSFeedDataGroup id="geoRSSFeedDG"
                                            dataProvider="{geoRSSFeedAC}"
                                            geoRSSFeedClick="clickGeoRSSFeed(event)"
                                            geoRSSFeedMouseOut="mouseOutGeoRSSFeed(event)"
                                            geoRSSFeedMouseOver="mouseOverGeoRSSFeed(event)">
                    <GeoRSS:layout>
                        <s:VerticalLayout gap="2"
                                          horizontalAlign="justify"
                                          useVirtualLayout="true"/>
                    </GeoRSS:layout>
                </GeoRSS:GeoRSSFeedDataGroup>
            </s:Scroller>
        </s:NavigatorContent>
    </viewer:WidgetTemplate>

Re: Hide Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 00:59:57 GMT

Charles,

Yours:

<viewer:WidgetTemplate id="wTemplate"
                           width="330" height="300"
                           closed="widgetClosedHandler(event)"
                           minHeight="100"
                           minWidth="300"
                           open="widgetOpenedHandler(event)">

What it needs to be:

<viewer:WidgetTemplate id="wTemplate"
                           width="330" height="300"
                           closed="widgetClosedHandler(event)"
                           minHeight="100"
                           minWidth="300"
         visible="false"
                           open="widgetOpenedHandler(event)">

Re: Hide Widget

CharlesDawley — Thu, 27 Jan 2011 13:24:09 GMT

Works perfectly! Thanks so much!

Hope someone else will find this useful..

Re: Hide Widget

FrankRoberts — Wed, 14 Sep 2011 15:41:25 GMT

Along the same line, is there any way to not have the widget not preload? On load of the viewer I don�??t want the widget to load up and I don�??t want to see it in the menu. I do want to call it from other widgets on demand and then have it appear. Seems like I�??m close by putting it in the UI Elements section, but I�??m missing some way to not have it load. Would be nice if there was a setting called preload = �??no�?� or preload = �??false�?�, but that doesn�??t seem to be there.

Any ideas?

Re: Hide Widget

RobertScheitlin__GISP — Wed, 14 Sep 2011 16:01:51 GMT

Frank,

That is a rather unique use case... I would not add the widget to the UI Section as those widget are expected to be launched and open from the start. I would add it as a regular widget and customize the HeaderControllerWidget to exclude your widget (by label name) from getting a icon added.

Re: Hide Widget

sreeharikottoormadam — Thu, 15 Sep 2011 01:57:58 GMT

Frank,

add this to the HeaderControllerWidget.mxml

private function getWidgetItems(widgetList:Array):ArrayCollection
{

---------
if (widgetList.label=="My Widget"){
//do nothing
}
else {
menuItems.addItem(widgetItem);
}

----------

}

Re: Hide Widget

FrankRoberts — Thu, 15 Sep 2011 16:45:16 GMT

Thanks guys! I will give that a shot.

Re: Hide Widget

MarkHanway1 — Tue, 04 Oct 2011 22:21:38 GMT

Thank you sreeharikm....
What if you would like to have multiple widgets excluded? Thank you, Mark

Re: Hide Widget

MarkHanway1 — Wed, 05 Oct 2011 15:51:32 GMT

pretty simple...I filtered multiple widgets by adding

private function getWidgetItems(widgetList:Array):ArrayCollection
{

---------
if (widgetList.label=="My Widget" || widgetList.label=="My Widget2" || widgetList=="My Widget3"){
//do nothing
}
else {
menuItems.addItem(widgetItem);
}