PopUps

philippschnetzer · ‎04-18-2011

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!

DrewDowling · ‎01-19-2013

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.

Thank you this is exactly what I needed

TerryHiggins · ‎04-22-2014

I realize this is an older post but I am a beginner trying to figure this out. I have worked through the Flex in a Week, read numerous posts but am still at a loss on where I make these changes (ie what files) so they function. I have a project built with ArcGIS Viewer for Flex that has popups for our street signs, I want to eliminate the space around the photos and remove the border. I understand that all I need to do is rem out that section in the PopUpRendererSkin.mxml - but I am at a loss do what to enter and where so this skin is applied. I appologize in advance for not explaining myself clearly. Part of the problem might also relate to not setting up my project correctly within Flash Builder.
Thanks in advance
Terry

RobertScheitlin__GISP · ‎04-23-2014

Terry,

Here is step by step instructions:

1. Download the ArcGIS API for Flex - http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.main&downloadid=1184
2. Unzip this to your local machine.
3. In your ArcGIS Viewer for Flex project. Right clcik the project in the package explorer, and choose properties.
4. Click the Flex Build Path (in the left window), in the Build path libraries (right window) expand the libs folder.
5. Expand the agslib-3.6-2013-12-13.swc
6. Select "Source attachment" and then clcik the edit button.
7. Browse to the location your unzipped the API to and select the src folder (i.e. C:\Flex Stuff\arcgis_api_for_flex_3_6\ArcGIS_Flex\src).
8. Close out the properties window and the project should rebuild.
9. Expand the FlexViewer3.6/src/com/esri/viewer/skins/ folder and right click the skins folder and choose new > MXML Skin.
10. Name it (i.e. MyPopupRendererSkin).
11. Host component = com.esri.ags.portal.PopUpRenderer
12. Change nothing else, and clcik finish.
13. Make your changes to the MyPopupRendererSkin.mxml.
14. Expand the (default package) folder and choose defaults.css
15. Add this:

esri|PopUpRenderer
    {
        skinClass:ClassReference('com.esri.viewer.skins.MyPopupRendererSkin');
    }

15. launch project in run or debug mode and you should now be using your modified popuprendererskin.

TerryHiggins · ‎05-01-2014

Terry,

Here is step by step instructions:

1. Download the ArcGIS API for Flex - http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.main&downloadid=1184
2. Unzip this to your local machine.
3. In your ArcGIS Viewer for Flex project. Right clcik the project in the package explorer, and choose properties.
4. Click the Flex Build Path (in the left window), in the Build path libraries (right window) expand the libs folder.
5. Expand the agslib-3.6-2013-12-13.swc
6. Select "Source attachment" and then clcik the edit button.
7. Browse to the location your unzipped the API to and select the src folder (i.e. C:\Flex Stuff\arcgis_api_for_flex_3_6\ArcGIS_Flex\src).
8. Close out the properties window and the project should rebuild.
9. Expand the FlexViewer3.6/src/com/esri/viewer/skins/ folder and right click the skins folder and choose new > MXML Skin.
10. Name it (i.e. MyPopupRendererSkin).
11. Host component = com.esri.ags.portal.PopUpRenderer
12. Change nothing else, and clcik finish.
13. Make your changes to the MyPopupRendererSkin.mxml.
14. Expand the (default package) folder and choose defaults.css
15. Add this:
esri|PopUpRenderer
    {
        skinClass:ClassReference('com.esri.viewer.skins.MyPopupRendererSkin');
    }
15. launch project in run or debug mode and you should now be using your modified popuprendererskin.

First let me say I really appreciate your response. The instructions you provided are excellent in regards to being detail for a beginner - but evidently my problem starts with not having Flash builder setup correctly as your instructions do not correspond to what I see. We are on ArcGIS ver 10.1, Using FB 4.6, Created the base project using the ArcGIS for Flex View App 4.6 - this is residing on our server so I created a zip of this file.
In Flash Builder (FB)
1. File Import Flash builder Project
2. Import project as file
3. Browsed to the location of the zipped project
4. Import method chose - Import new copy of project and extracted it to my local PC
5. When I expand the libs folder (step 4) there is only a Link Type:Merged into Code
6. I did an Add SWC browsed to the location with the swc (your step 5)
7. Did step 6 Browsed to the src folder in the unzipped API (step 7)
8. closed the properties window
9. Expanded the skins folder and did a right click New ? MXML skin and named it as instructed
10. My default package does not have a default.css

Can you set me on the right track here.
Also please note for reasons I haven't figured out yet I am not receiving any notifications when you responded to my post and I wasn't able to locate this using advanced search criteria and my name.

I feel confident you can get me started on the right track and I do so much appreciate it.

TerryHiggins · ‎05-01-2014

First let me say I really appreciate your response. The instructions you provided are excellent in regards to being detail for a beginner - but evidently my problem starts with not having Flash builder setup correctly as your instructions do not correspond to what I see. We are on ArcGIS ver 10.1, Using FB 4.6, Created the base project using the ArcGIS for Flex View App 4.6 - this is residing on our server so I created a zip of this file.
In Flash Builder (FB)
1. File Import Flash builder Project
2. Import project as file
3. Browsed to the location of the zipped project
4. Import method chose - Import new copy of project and extracted it to my local PC
5. When I expand the libs folder (step 4) there is only a Link Type:Merged into Code
6. I did an Add SWC browsed to the location with the swc (your step 5)
7. Did step 6 Browsed to the src folder in the unzipped API (step 7)
8. closed the properties window
9. Expanded the skins folder and did a right click New ? MXML skin and named it as instructed
10. My default package does not have a default.css

Can you set me on the right track here.
Also please note for reasons I haven't figured out yet I am not receiving any notifications when you responded to my post and I wasn't able to locate this using advanced search criteria and my name.

I feel confident you can get me started on the right track and I do so much appreciate it.

My error on Flex we are using 3.6

RobertScheitlin__GISP · ‎05-01-2014

Terry,

So it sounds to me like you are starting with a compiled viewer that has just been configured and you are not starting with the viewers source code as your starting point and that is an issue. You can start with a compiled version of the viewer it is just more complicated. So the way to tell if you are beginning with a compiled viewer or not is do you have access to the actual mxml files for your site. If you are only dealing with swfs than your are just using the compiled version and the only thing you have done is configure the viewers XML files to suit your needs. To what you want you have to start with the actual viewer source code downloaded from the Github site. You can then just overwrite all the default XML files (that come with the source code) with your own XML files and then you will be at a good starting point for your manipulation of the popup.

TerryHiggins · ‎05-01-2014

Terry,

So it sounds to me like you are starting with a compiled viewer that has just been configured and you are not starting with the viewers source code as your starting point and that is an issue. You can start with a compiled version of the viewer it is just more complicated. So the way to tell if you are beginning with a compiled viewer or not is do you have access to the actual mxml files for your site. If you are only dealing with swfs than your are just using the compiled version and the only thing you have done is configure the viewers XML files to suit your needs. To what you want you have to start with the actual viewer source code downloaded from the Github site. You can then just overwrite all the default XML files (that come with the source code) with your own XML files and then you will be at a good starting point for your manipulation of the popup.

Robert - I have XML files in my folder so I believe I am dealing with the source code version. To be honest at this point I think I have everything so out of sync that I think I need to start with a clean slate so to speak. I'm wondering if I'm even setting this thing up correctly at this point. Steps I took:
1. downloaded the arcgis-viewer-flex-3.6-src file
2. Started FB - Import Flash Builder Project
3. Import project select file and browsed to the zip version of the above mention file
4. Import method - extract new copy of project to - location on my personal PC <finish>
5. This results in 87 errors . . basically type was not found or was not a compile time constatn . .
Guess at this point I have something totally out of wack - I went back to the original download site and downloaded again - same results - obviously user error but I don't know what I'm doing wrong.

RobertScheitlin__GISP · ‎05-01-2014

Terry,

Your steps for importing the source code to start fresh sounds good except that you are missing the part of the readme.txt from the down load that states that the viewer source code does not contain the Flex API SWC so you have to manually add it to the libs folder of your new project to get rid of all those errors. XMLs does not mean source code MXMLs and .as mean that you are dealing with the sources code.

TerryHiggins · ‎05-02-2014

Terry,

Your steps for importing the source code to start fresh sounds good except that you are missing the part of the readme.txt from the down load that states that the viewer source code does not contain the Flex API SWC so you have to manually add it to the libs folder of your new project to get rid of all those errors. XMLs does not mean source code MXMLs and .as mean that you are dealing with the sources code.

Thanks Robert - I didn't go to the next step because I wasn't expecting errors mid-point in the process. I have completed adding the Flex API SWC and as you stated all the errors are gone. Now I have a clean slate. Earlier in the post you stated all I would need to do is overwrite the default XMLs in this new workspace.

If I am correct then I would copy and paste from my project folder on the server that contains our functioning Web Page the following:

1. config.xml

I have a popups folder in the funtioning Web Page so I presume I would copy all those popups and place them in the popups package created in this clean install - correct?
I also presume to delete all the sample XMLs in that folder? Or in reality do this not affect the end result?

Under various Widget folders we have XML files that were created - if I am understanding this correctly then I would simply copy and paste the XMLs from our Widgets subfolders to the corresponding Widget subfolder on this clean install.

If I am correct to this point and then proceed to make the change as you described earlier to the MyPopupRendererSkin.mxml and the defaults.css file, compile, no errors then which components from the FB do I copy back to my server folder with the functioning Web Page?

RobertScheitlin__GISP · ‎05-02-2014

Terry,

Once you have made the popup changes discussed earlier than you go to the Project menu and choose "Export release build" and that will create bin-release folder with all the compiled code can the contents of that folder is what you copy over to the web server.