topic Re: PopUps in ArcGIS Viewer for Flex Questions

PopUps

philippschnetzer — Mon, 18 Apr 2011 11:38:51 GMT

I have moved over my 2.2 app to 2.3. I am using the QueryTool to display some traffic cameras and other static images and simply copied over the entire code from the 2.2 query tool and pasted it into the 2.3 version. I did this because I want the query tool to still utilize the old InfoPopUp because I have that specifically configured. Things work as expected - except that when the query is run the first time and a resulting icon is clicked on the map nothing shows in the InfoPopUp - but as soon you click on another point everything works as it did in 2.2. There is some sort of conflict in there for the first time a point is clicked. Should I just try to drop the InfoPopUp and try to make this work with the new popup or is this perhaps just a simple line of code missing preventing the first click from showing any results?

Thank you for any help!

Re: PopUps

RobertScheitlin__GISP — Sun, 12 Dec 2021 02:24:46 GMT

Phillip,

I have not tested the old infoPopUp in 2.3, but I have been testing the new popUp and here is the configuration for the traffic cameras layer

<?xml version="1.0" ?>
<configuration>
    <title>{DESCRIPTION}</title>     
    <fields>
        <field name="DESCRIPTION"/>                
        <field name="ONLINE"/>       
        <field name="LAST_UPDATED"/>  
        <field name="URL"/>       
    </fields>
    <medias>
        <media chartfields="" type="image" caption="Latest Image {LAST_UPDATED} online: {ONLINE}" imagesource="{URL}" imagelink="{URL}"/>
    </medias> 
</configuration>

<!--
    Pop-up configuration file for:
    http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_PublicSafety_Louisville/MapServer/2
-->

Re: PopUps

philippschnetzer — Mon, 18 Apr 2011 14:13:57 GMT

I had the old InfoPupUp configured to accommodate for larger images and cannot seem to find the spot where I can change this to make the new PopUps larger in size to dynamically expand the canvas to fit in larger images...

I tried to make some changes in InfoPopup.mxml and HTMLPopup.mxml in the components folder but to no avail.

Re: PopUps

RobertScheitlin__GISP — Mon, 18 Apr 2011 19:06:05 GMT

Phillip,

You would have to modify the the skin for the PopUpRendererSkin which is part of the API and has a width 0f 270 and a maxHeight of 300, (needless to say a lot of work). Maybe the API team will respond as to what is going wrong with the initial click.

Re: PopUps

philippschnetzer — Tue, 19 Apr 2011 11:00:53 GMT

Thanks, Robert. As per usual you are extremely helpful! I have never modified the API before and will take your word that it is 'a lot of work' 🙂

Hopefully the esri flex team will look into this....

Re: PopUps

GerryWatson — Tue, 19 Apr 2011 17:02:34 GMT

Hey Phil!

Robert, this is my first post on here, but I've been using some of your widgets since the fall when I started in on Flex and the Esri API. Thank you for all your work.

I'm facing a similar problem. Customizing the popups for the query widget beyond what they allow in the config is proving a real challenge.

I have tried extending the popupRenderer class and experimented a little. However dropping anything between the PopupRenderer tags throws errors that visual content is not allowed, or must implement IUIComponent, even after dropping specific UIComponent sub classes.

I've also tried to create a custom skin with PopupRenderer as the HostComponent and based on the PopupRendererSkin class. It wouldn't even allow me past the new file creation wizard - I suspect because both the skin and the renderer are compiled in the api swc and thus the wizard had no actual files to work with.

There has to be a way to customize this thing or expose the API and dig in. I'm willing to get my hands dirty with this if anyone has any leads I can follow.

Thanks again,

gerr

Re: PopUps

GerryWatson — Tue, 19 Apr 2011 17:11:53 GMT

Quick addition to that post. If you DL the raw Flex API 2.3 code (seperate from the viewer), unpack and follow this path: skins\src\com\esri\ags\skins

There is a copy of the PopupRendererSkin.mxml available - I haven't begun tearing it up yet but I'll share progress on this as I make it. Cheers

g

Re: PopUps

RobertScheitlin__GISP — Tue, 19 Apr 2011 17:13:26 GMT

Gerr,

Well the only customizing of the PopUpInfo I have had time to do so far is remove the rectangle from around the media browser and some space optimization of the window. To begin customizing you need to create a PopUpRenderSkin by choosing a new MXML Skin and give it a package name, name, and host component of com.esri.ags.webmap.PopUpRenderer, Then un-check Create as copy of. Then you can open the arcgis_api_for_flex_2_3\ArcGIS_Flex\skins\src\com\esri\ags\skins\PopUpRendererSkin.mxml from your download of the 2.3 version of the API and copy and paste everything in that file.

That's how you start.

Re: PopUps

GerryWatson — Tue, 19 Apr 2011 17:26:08 GMT

I'll get busy with that and as mentioned, post to this thread as I progress. Phil - once I've got my head around it I can come down and show you what I did. After I've worked it out it sounds like modifying the thing for your purpose shouldn't be too bad.

Thanks Robert,

g

Re: PopUps

DasaPaddock — Wed, 20 Apr 2011 22:58:27 GMT

Gerr,

Well the only customizing of the PopUpInfo I have had time to do so far is remove the rectangle from around the media browser and some space optimization of the window. To begin customizing you need to create a PopUpRenderSkin by choosing a new MXML Skin and give it a package name, name, and host component of com.esri.ags.webmap.PopUpRenderer, Then un-check Create as copy of. Then you can open the arcgis_api_for_flex_2_3\ArcGIS_Flex\skins\src\com\esri\ags\skins\PopUpRendererSkin.mxml from your download of the 2.3 version of the API and copy and paste everything in that file.

That's how you start.

You can get FlashBuilder to "Create as a copy of" by setting the source attachment path on the API swc. Under the "Flex Build Path" expand the API swc and double-click "Source attachment" and then browse to ".../ArcGIS_Flex/skins/src" after unziping the API download.

Re: PopUps

RobertScheitlin__GISP — Thu, 21 Apr 2011 12:05:36 GMT

Dasa,

Thanks I knew I had this working before but could not remember how it was done. I knew you would know.

Re: PopUps

GerryWatson — Thu, 28 Apr 2011 12:19:05 GMT

Dasa, Robert.

Thanks for the help. I've created a customization of the popup and have it doing what I need. When the app goes live I'll send a link.

Cheers,

gerr

Re: PopUps

LeeAllen — Thu, 28 Apr 2011 17:01:27 GMT

Finally getting skinning under my belt, just need some help with updating the references. I followed above steps and created the new PopupRendererSkin. After modifying it to my liking, where else do I need to modify code to get the new skin to show up? What are the steps after creating and modifying skin? Thanks for any help!

Re: PopUps

RobertScheitlin__GISP — Sun, 12 Dec 2021 02:24:49 GMT

Lee,

If it is a particular widget that you want to use the custom skin for than add code like this to the widget:

<fx:Style>
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";
  @namespace esri "http://www.esri.com/2008/ags";
  esri|PopUpRenderer
  {
   skinClass:ClassReference('widgets.MyPopUps.ParcelPopUpRendererSkin');
  }
 </fx:Style>

Re: PopUps

LeeAllen — Thu, 28 Apr 2011 17:20:20 GMT

Thanks for the response, but I haven't got that far yet. Actually, I just want the standard popup for feature layers to use the skin. Any ideas? Thanks again!

Re: PopUps

RobertScheitlin__GISP — Sun, 12 Dec 2021 02:24:52 GMT

Lee,

Than I would add:

esri|PopUpRenderer
  {
   skinClass:ClassReference('widgets.MyPopUps.ParcelPopUpRendererSkin');
  }

to the default.css than.

Re: PopUps

LeeAllen — Mon, 02 May 2011 16:45:33 GMT

Dasa, Robert.

Thanks for the help. I've created a customization of the popup and have it doing what I need. When the app goes live I'll send a link.

Cheers,

gerr

Gerry,

Any chance you could post your code for the skin? I have been unsuccessful so far with developing all the right parts to the skin and seeing my changes show up.

Thanks!

Re: PopUps

MikeCliffton — Sun, 12 Dec 2021 02:24:54 GMT

Hi, Rober,

I add my code as below in EditWidget (following the above discussion)

<fx:Style> esri|Editor{
skinClass:ClassReference("widgets.Edit.MySkin");
}
</fx:Style>

I just copy all the code from EditorSkin.mxml to MySkin.mxml, did not change anything yet; but it always throw message like: "unable to resovle'../../../../assets/skins/ElementPolyline16.png' for transcoding". It seems it can not find all those image in api_for_flex_2_3\ArcGIS_Flex\skins\src. Thanks!

Lee,

If it is a particular widget that you want to use the custom skin for than add code like this to the widget:

<fx:Style>
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";
  @namespace esri "http://www.esri.com/2008/ags";
  esri|PopUpRenderer
  {
   skinClass:ClassReference('widgets.MyPopUps.ParcelPopUpRendererSkin');
  }
 </fx:Style>

Re: PopUps

NasifAlshaier — Thu, 26 May 2011 14:56:37 GMT

Hello..

I have upgraded to 2.3.1 and I have a question in regard to the POP UP as well..

I have two separate mapserver (point and polygon layer)... When I display my point layer, I can click on the point and I get a pop up window with data for the point layer.. However; when I display both layers (mapserver) point and polygon and I click on the point layer, i get a pop up window with data for the polygon layer instead of the point layer... It was working fine prior to upgrading to 2.3.1.. I am using Flex SDK 4.1.

Any help or feedback is very much appreciated.

Re: PopUps

RobertScheitlin__GISP — Thu, 26 May 2011 17:42:58 GMT

Nasif,

This is a known issue with popups and there is an enhancement request in the system to fix this.