PopUps

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

philippschnetzer

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.

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.

philippschnetzer

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

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

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

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.

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

DasaPaddock

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.

Dasa,

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

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

LeeAllen

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!

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>

LeeAllen

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!

Lee,

Than I would add:

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

to the default.css than.

LeeAllen

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!

MikeCliffton

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>

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.

Nasif,

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

Thank you Robert..

is going to be an email or notification send out when this fix is completed?

Nasif

BenKane

So, I have read through this thread and looked all over for a solution to enable resizing of the native popup windows in Flex Viewer 2.3.1. I am trying to enable popups to resize so that they fit the entire contents (info, medias...).
I am unclear about where exactly the popup config files call in order to initialize the popup windows...it seems to me that if I could locate the root mxml files then I could edit them to size appropriately.

Thanks,
Ben K.

Ben,

There is no file in the Flex Viewer for the popups as it uses PopUpInfo component in the API for this. The actual locator that the popups are created in Flex Viewer are in the MapManager function createPopUpRenderer. You will have to extend the API or just modify the skin. Some of that is discussed here:

http://forums.arcgis.com/threads/28487-PopUps

Hello..

I would like to know if there was a fixed for the following post:
"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. "

WillHughes1

So, I have read through this thread and looked all over for a solution to enable resizing of the native popup windows in Flex Viewer 2.3.1. I am trying to enable popups to resize so that they fit the entire contents (info, medias...).
I am unclear about where exactly the popup config files call in order to initialize the popup windows...it seems to me that if I could locate the root mxml files then I could edit them to size appropriately.

Thanks,
Ben K.

Hopefully the Flex Viewer team will make this easier to configure in the next release. It seem like this is a common problem all Flex developers are having since we need to accomodate for media of different sizes. It would be great to know what the Flex Viewer team is working on in future releases.

Will

WillHughes1

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.

Then what? How do you reference the skin in other widgets?

Nasif,

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

Hi RObert..

do you know if the following issue was corrected in version 2.4:

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

Thanks you